HTML по шагам


         

Структура HTML-кода


Если открыть любую веб-страницу, то она будет содержать в себе типичные элементы, которые остаются исходными, независимо от вида и направления сайта. Рассмотрим код, который первоначально создается в редакторе Nvu (пример 4.1). Для удобства добавлены номера строк, но в коде их, конечно же, быть не должно, иначе это приведет к ошибке.

Пример 4.1. Исходный код веб-страницы

01. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

02. <html>

03. <head>

04. <meta content="text/html; charset=Windows-1251" http-equiv="content-type">

05. <title>Вторая страница</title>

06. </head>

07. <body>

08. <br>

09. </body>

10. </html>

Далее разберем отдельные строки нашего кода.

01. !DOCTYPE предназначен для указания типа текущего документа — DTD (document type definition, описание типа документа). Существует несколько видов !DOCTYPE, они различаются в зависимости от версии HTML, на которую ориентированы (пример 4.2).

Пример 4.2. Допустимые DTD

HTML 3.2 (предыдущая версия HTML)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">

Строгий HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

Переходный HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 при использовании фреймов

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

Разница между строгим и переходным описанием документа состоит в различном подходе к написанию кода документа. Строгий HTML требует жесткого соблюдения спецификации HTML и не прощает ошибок, что обычно приводит к иному отображению документа, чем планировал разработчик. Переходный HTML более «спокойно» относится к некоторым огрехам кода, поэтому этот тип использовать предпочтительнее.



Содержание  Назад  Вперед