Урок - Структура HTML-документа.

Главная » Курсы » Курс HTML5, Быстрый старт » Урок - Структура HTML-документа.

Обучающий онлайн курс
HTML5, Быстрый старт

Лицензия: Копирование запрещено.

Некоторые HTML-теги несут в себе функцию структурирования HTML-документа.

В этом уроке познакомимся со следующими тегами:

  • <!DOCTYPE>
  • <html></html>
  • <head></head>
  • <body></body>
  • <title></title>

Обычная структура HTML-документа вглядит вот так:

<!DOCTYPE html> <html> <head>     <title>Заголовок страницы.</title> </head> <body>     Содержимое страницы. </body>

</html>

Для начала сохраните указанный пример в текстовом файле example01-01.html и откройте файл в браузере.

Теперь разберем каждую строку отдельно.

<!DOCTYPE html>

В теге <!DOCTYPE> указывается информации в соответсвии с каким "типом документа" необходимо браузеру производить разбор и отображение документа.

Дело в том, что HTML не новый язык. Мы изучаем уже 5-ю версию. Соответсвенно браузер должен знать по каким правила обрабатывать страницу. Строка "<!DOCTYPE html>" указыввет, что HTML-документ необходимо разобрать и отобразить по правилам HTML5.

<html> ... </html>

Тег <html> - является корневым тегом HTML-документа  и должен присутствовать обязательно. Хотя некоторые браузеры отображают страницы даже без тега HTML.

Непосредственно в теге <html> могут быть вложены только два тега <head> и <body>.

<head> ... </head>

В теге <head> указывается информация о самом документе (авторство, дата документа, заголовок для браузера, иконка сайта, и т.д.)

<body> ... </body>

В теге <body> указывается информация которая должна отобразится в окне браузера.

<title> ... </title>

В теге <title> указывается текстовая строка для отображения в заголовке окна браузера.