28 октября 2007, 15:44

Структура HTML или начало начал!

Открывая HTML страничку, браузеру необходимы предварительные данные о странице, которую вы собираетесь просмотреть. Это и язык, и кодировка, и стили, и название документа, и ещё кое-что. Все эти данные влияют на адекватность браузера к страничке. Если структура HTML документа соответствует стандарту, браузер должен открыть документ правильно. Но и тут не всё так просто, идёт «война» браузеров, и об этом поговорим позже.

Для того, что бы чего ни будь, куда то донести, нужен или мешок, или коробка, или чемодан. Сайт несёт в себе информацию, и для сайта нужен свой чемодан. Что бы правильно и красиво подать информацию, нужен правильный и красивый чемодан.

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

А начало, это декларация типа документа (DTD, document type declaration).

<!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 4.01, разработанном W3C. Последние две буквы первой строки декларации обозначают язык DTD, который всегда является английским ( "EN"). Вторая строка декларации содержит URI, откуда обозреватель может загрузить данную DTD.

Далее, в очереди, элемент HTML, который определяет начало и конец заголовка документа. И мы имеем такой вид:

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

"http://www.w3.org/TR/html4/strict.dtd">

<html>

... заголовок, и, собственно, документ ...

</html>

Следующим, элемент HEAD. Обозначает заголовок документа. И содержит информацию об общих свойствах документа и не отображается броузерами. Заголовок может включать в себя: титул документа (TITLE); метаописатели документа (META); базовый URI внешних ссылок (BASE); ссылки на другие документы (LINK); внутренние таблицы стилей (STYLE); сценарии клиента (SCRIPT).

TITLE Определяет имя всего документа, которое отображается в заголовке окна браузера

META содержит метаописатели таких свойств документа, как имя автора документа, его описание, ключевые слова и т. д. В него входит множество элементов, но остановимся на необходимых:

BASE базовый URI документа. Если документ не содержит элемента BASE, то его собственный URI считается базовым по умолчанию.

LINK определяет взаимосвязь между документами. Важным применением элемента LINK является подключение к документу внешней таблицы стилей. Например:

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

И последнее BODY, это тело документа содержит HTML-элементы, предназначенные для отображения обозревателем.

В результате мы получим:

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

"http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Заголовок данного документа</title>

</head>

<body>

Внутренности документа, который отображает броузер, и мы имеем удовольствие этот документ лицезреть.

</body>

</html>

Делая свой первый сайт, мне пришлось много поюзать, что бы найти эту информацию. Она есть, но кусками. Много написано, как делать таблицы, форматировать текст, и тому подобное. А структуре странички сайта уделяют мало внимания.

Скопировав, выше изложенный, полученный результат, и сохранив это с расширением .html, мы получим готовую страничку. Между body можно использовать все средства, описанные в учебниках по HTML и/или CSS. Дерзайте.

Комментарии к этой заметке больше не принимаются.

Заметки юзера

Структура HTML или начало начал!