Классическая структура веб-страницы

Структура веб-страницы формируется элементами верхнего уровня.

В качестве первой строки веб-страницы всегда должен располагаться элемент <!DOCTYPE>, содержащий идентификатор определения типа документа Document Type Definition (DTD).

DTD указывает, что данный документ является веб-страницей, а также содержит версию HTML, разработчика DTD, и используемый язык.

Существует несколько версий HTML и XHTML, сходный с HTML, с некоторыми отличиями в синтаксисе.

В зависимости от версии HTML или XHTML DTD имеет следующее содержимое:

Зависимость DTD от языка и версии.
HTML
	`<!DOCTYPE HTMl PUBLIC "-//IETF//DTD HTML//EN">`
4.0 переходный	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">`
4.01 строгий	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`
4.01 переходный	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">`
4.01 фреймовый	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">`
5	`<!DOCTYPE html>`
XHTML
1.0 строгий	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">`
1.0 переходный	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">`
1.0 фреймовый	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">`
1.1	`<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">`

Строгий HTML не допускает отклонений от спецификации.

Переходный HTML позволяет отступать от спецификации и совершать незначительные ошибки

Отсутствие элемента DOCTYPE не мешает браузеру отобразить веб-страницу, но результаты интерпретации могут отличаться от ожидаемых и зависеть от платформы, на которой она будет открыта.

Следом за элементом DOCTYPE веб-страница должна содержать контейнер HTML, закрывающий тег, которого не является обязательным.

При классической структуре в контейнер HTML вкладывается всё содержимое веб-страницы, включая заголовок (HEAD) и тело (BODY) .

Классическая структура веб-страницы имеет следующий вид:


						<!DOCTYPE ...>

						<HTML>

							 <HEAD>

								  Содержимое контейнера

							 </HEAD>

							 <BODY параметры>

								  Содержимое контейнера

							 </BODY>

						</HTML>

Обновлено: 13:03 14.09.2019