Главната част на един HTML документ е съществена за структурата и функционирането на уебстраницата. В това ръководство ще научиш какво точно се крие в главната част и как можеш да я използваш ефективно. Ще разгледаме метаинформация, заглавие, кодиране на символи, както и свързване на стилови таблици и скриптове.

Най-важни изводи

  • Главната част () не съдържа видимо съдържание, а метаинформация.
  • Title тагът определя заглавието, което се показва в прозореца на браузъра.
  • Мета таговете, като charset тагът, са важни за кодиране на символите.
  • Стиловите таблици и скриптове могат да бъдат свързани в главната част.

Стъпка по стъпка ръководство

1. Главната част сама по себе си

Главната част (head) на един HTML документ се въвежда с тагове и се затваря с. Тази част не трябва да се бърка с менюто или логото, които принадлежат на хедъра. Главната част служи единствено за предоставяне на метаинформация за документа.

Основите на секцията за заглавие в HTML и CSS

2. Title тагът

Вътре в главната част определяш заглавието на уебстраницата с <title>-таг.

-таг. Това заглавие се появява в прозореца на браузъра и е съществено за потребителите и търсачките. Например, можеш да използваш „Моето тестово заглавие“.</p>

3. Мета тагове

Централна част на главната част са т.нар. мета тагове. Charset тагът е особено важен. За международно кодиране на символи посочи UTF-8, за да осигуриш правилното изобразяване на всички символи.

Основите на секцията на заглавната част в HTML и CSS

4. Мета charset тагът

Мета charset тагът се пише така: . Това е общ стандарт, който поддържа международни набори от символи. За разлика от другите тагове, мета тагът не е затворен с таг, тъй като няма съдържание между тях.

5. Атрибути в HTML тагове

В HTML могат да се използват и атрибути. Те се посочват в самия таг и се отделят с интервал. Charset тагът има атрибута charset, на който се присвоява стойността „UTF-8“.

6. Мета описание

Друг важен мета таг е мета описанието, което се определя чрез . Това описание често се показва в търсачките, когато страницата ти бъде намерена и е значително за SEO.

Основите на главната секция в HTML и CSS

7. Други мета тагове

Освен предишните мета тагове, има много други, като тагът Robots, който дава инструкции на търсачките, и тагът Viewport, който се използва за отзивчиви дизайни. Те обаче са допълнителни аспекти и надхвърлят основите.

8. Свързване на стилови таблици

В главната част можеш също да свържеш стилови таблици. Това става с тага . С това се зарежда външен CSS файл в HTML документа, което води до единен дизайн.

9. Свързване на скриптове

За да използваш JavaScript в уеб страницата си, можеш да внедриш скриптове в главната част. Това става с тага . Със това можеш да добавиш функции и логика към страницата си, които да подобрят потребителското изживяване.

10. Главната част и нейната функция

В обобщение, главната част е място за метаинформация и връзки, а не за видимо съдържание. Наистина съдържание на уеб страницата се въвежда в -тага. Това е важно за структурата и производителността на уеб страницата ти.

Основите на главната част в HTML и CSS

Обобщение – Главна част и метаинформация в HTML, CSS и JavaScript

Главната част е от основно значение за дефиниране на основната информация и настройки за уеб страницата ти. В това ръководство научи как да интегрираш заглавия, кодировки на символи, както и стилови таблици и скриптове ефективно.

Често задавани въпроси

Как се дефинира главната част в HTML?Главната част се въвежда с и се затваря с.

Каква е целта на Title-тага?Title тагът определя заглавието на уеб страницата, което се показва в прозореца на браузъра.

Какво е мета таг и за какво служи?Мета таг съдържа метаинформация за документа, като например кодировки на символи или описания.

Как добавям стилова таблица?Стилова таблица се свързва с.

Каква е разликата между главната част и тялото на страницата?Главната част съдържа метаинформация, докато тялото на страницата съдържа видимото съдържание на уеб страницата.

274