курс полный

Структура html-документа

HTML-документы строятся на основе тегов, которые структурируют документ. Обычно теги бывают парными, т. е. состоят из открывающего и закрывающего тега, хотя бывают и исключения. Имена открывающих тегов заключаются в угловые скобки < … >, а закрывающих помимо этого еще и предваряются знаком слеш </ … >.

HTML-документ обрамляется парными тегами <html> … </html>. Кроме того, для обеспечения корректного отображения документа современный стандарт требует использования одиночного тега <!DOCTYPE>, имеющего следующую структуру:

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

HTML-документы состоят из заголовка и тела документа. Заголовок и тело документа представляются парными тегами <head> … </head> и <body> … </body>, соответственно. Таким образом, каркас HTML-документа будет иметь следующую структуру:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> СОДЕРЖАНИЕ ЗАГОЛОВКА </head> <body> СОДЕРЖАНИЕ ТЕЛА ДОКУМЕНТА </body> </html>

Заголовок включает в себя несколько специализированных тегов, основными из которых являются <title> … </title> и <meta> … </meta>

Тег <title> содержит заголовок документа, который будет выводится в заголовочной части окна браузера. Тег <meta> содержит специальную информацию, такую как тип кодировки:

а так же список ключевых слов и информацию о содержании сайта:

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

В рассмотренных тегах name="keywords" и content="список ключевых слов" являются атрибутами тегов, которые конкретизируют их. Например, атрибуты могут указывать, что текст, заключенный в данном теге, при отображении должен выравниваться по центру. Атрибуты записываются сразу после имени тега, причем значения атрибутов заключаются в кавычки. Атрибутов у тега может быть несколько, но могут и вовсе отсутствовать.

Приведем пример простейшей веб-страницы:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Моя первая веб-страница</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <meta name="keywords" content="веб-страница первая"> </head> <body> Моя первая веб-страница </body> </html>

Текст может быть набран в любом редакторе, например в NotePad, и сохранен с расширением htm или html. Теперь этот файл можно открыть при помощи какого-либо браузера, например Internet Explorer. Следует обратить внимание на заголовок окна браузера, где отобразился заголовок страницы, который «обернут» тегом <title>. При создании веб-страниц им всегда необходимо присваивать осмысленные имена.

Содержание