HTML 5

Структура на сайта



Сайтът представлява съвкупност от няколко html страници. А html страницата e един текстов файл записан в html формат. Тя може да се създава и редактира дори и с един най-обикновен текстов редактор, като Notepad във Windows например. Една html страница включва следното: текста на самата страница и служебни елементи - тагове. Таговете се използват за описание на отделните части на страницата и само и единствено за нейното структуриране, но не и за оформянето и. За оформянето на страницата се използва CSS, а не HTML код.

Пример за html страница е показан по-долу.

Пример:

<!DOCTYPE html>
<html>
      <head>
            <meta http-equiv="Content-Type" content="text/html" charset="utf-8" />
            <title>Заглавие на уеб страницата</title>
      </head>

      <body>
            <h1>Заглавие</h1>
      </body>
</html>

Таговете в HTML се поставят в ъглови скоби. Те биват единични и двойни. Прмер за единичен таг е тага <meta />, а за двоен останалите, като: <html></html>; <head></head>; <body></body> и <h1></h1>. Единичните тагове се самозатварят, а двойните имат отделен отварящ и затварящ таг. Името на затварящия таг е същото както на отварящия, с тази разлика, че започва с /.

Ако разгледаме примера показан по-горе ще видим, че започва с тага <!DOCTYPE html>. Той указва вида на документа.

Следва втория таг <html> (на втория ред), откъдето започва съдържанието на самата HTML страница. Той е отварящ, следователно накрая на кода ще трябва да се постави съответния му затварящ таг, в случая е </html>.

С тага <head> се отваря специална секция от html страницата - това е заглавната част на документа. Тя не се показва на екрана от браузъра. В тази част се поставят различни специални тагове, като тага <meta />, с който се оказват различни метаданни за страницата, като: кодировка, ключови думи, автор и други.

С тага <body> се отваря тялото на страницата. Това е основната секция на страницата, в която се съсържа html кода. Тя се показва от браузъра. В примера се изполсва тага "<h1>Заглавие</h1>" - за заглавие. След края на кода на html страницата тагът <body> трябва да се затвори съответно с тага </body>.

HTML таговете могат да се вмъкват един в друг. За това няма ограничение.

Желателно е html кода да се структурира така както е показан на примера. Той може да бъде записан и на един ред. За браузъра това няма никакво значение. Той пак ще си го визоализира по същия начин. Това се прави с цел када да е лесно разбираем от този, който ще го редактира.

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

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