Здравейте, Юлиан, да, HTML съдържанието може да се зарежда от външен файл, но това обикновено се постига чрез JavaScript или сървърни езици като PHP, не чрез HTML или CSS само по себе си. HTML и CSS са статични езици за означаване, което означава, че те не поддържат динамично зареждане на съдържание от външни файлове без помощта на други технологии. За да заредите съдържание от външен файл в HTML, обикновено ще се ползва JavaScript или сървърен език като PHP. 1. JavaScript: Можете да използвате метода fetch() или jQuery метода load(), за да заредите HTML съдържание от външен файл. Това ще изпълни AJAX заявка към външния файл, ще прочете съдържанието му и ще го вмъкне в съответния елемент в HTML документа. Например: ``` fetch('my-file.html') .then(response => response.text()) .then(data => { document.querySelector('#my-element').innerHTML = data; }); ``` 2. PHP: Ако имате сървър, който поддържа PHP, можете да използвате функцията include() или require() за да включите HTML съдържание от външен файл. Например: `` Около Twitter и Facebook, те използват сложни клиентски и сървърни технологии, включително JavaScript и различни сървърни езици, за да динамично зареждат и обновяват съдържанието на страницата. Тези техники извън обхвата на базовите HTML и CSS умения и изискват по-голямо познаване на web разработката.

Безплатно! Онлайн събитие: От претоварване с информация до фокус и структура с Gemini & NotebookLM Регистрация тук.

CSS във вътрешен файл

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (2 модула), моля влезте или се регистрирайте.

Предишен Следващ

HTML5 и CSS3 В курса ще се научите как да създавате съвременни уеб страници с помощта на HTML и CSS. Това обучение е подходящо за напълно начинаещи и ще ви помогне да усвоите основите на уеб разработката, като научите как да създавате структура и стил на уеб страници.

Отделяне на CSS в самостоятелен файл – чист и подреден код

Най-важното в този урок е да разберете защо е добре да изнесете CSS кода във външен файл. Това прави HTML-а по-чист, по-четим и по-лесен за поддръжка. Стиловете се отделят от структурата на страницата, което е основен принцип в съвременната уеб разработка. Ако трябва да запомните едно нещо: HTML е за съдържание, CSS е за стил – и е добре да бъдат разделени.

Стъпка по стъпка: как да изнесете CSS във външен файл

Създайте нова директория с име css.
В нея създайте файл, например main.css (името е по избор, разширението .css е задължително).
Копирайте съдържанието от <style> тага в HTML файла.
Поставете го в новия main.css файл и запазете.
Изтрийте съдържанието на <style> тага от HTML.
В <head> секцията добавете: