HTML. !DOCTYPE. Как создать Web-сайт быстро и профессионально.

<!DOCTYPE> (вместо эпилога)

Для того, чтобы текстовый файл превратился в HTML-файл, недостаточно поменять его расширение с ".txt" на ".html".

Каждый HTML-документ обязан начинаться со строки декларации версии HTML <!DOCTYPE>.

Согластно стандарту HTML 4 обязательно должна присутствовать ссылка на определение типа документа (Document Type Definition, DTD), обычно она выглядит так:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">

Тег !DOCTYPE сообщает валидатору, какая версия HTML использована при сознании Web-страницы. Это ключевой компонент web-страниц, претендующих на соответствие стандартам: без него HTML код и CSS не пройдут проверку валидатором.

Определены три DTD: строгое, свободное и фреймовое. Спецификация HTML 4.0 требует, чтобы для Web-страницы было задано одно из этих определений:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd"> - Strict (строгий);

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> - Transitional (свободный, переходный);

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> - Frameset (с фреймами).

Кроме того, указывается версия стандарта HTML, в данном случае она HTML 4.01, и язык документа //EN или //RU.

Основная цель строгого определения DTD состоит в том, чтобы отделить визуальное оформление от фактического контента. Это делается с помощью таблиц стилей, управляющих представлением веб-страниц. Строгое определение DTD не включает в себя выходящих из употребления элементов/атрибутов или структур, применяемых для создания фреймов. Это наиболее ограничивающее определение DTD.

Свободное определение DTD не ограничивает применения элементов или атрибутов для представления документа и рассматривается как промежуточный этап (поэтому его называют также переходным определением DTD). В этом определении можно использовать любой выходящий из употребления элемент/атрибут.

Фреймовое определение DTD предназначено для веб-страниц с фреймами. Эта версия поддерживает все структуры, допустимые в свободном определении DTD, а также структуры, необходимые для фреймов.

Примечание: В некоторых случаях отсутствие строки, в которой будет указан релевантный адрес W3C -"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd - позволит Web-странице отображаться корректно

Мета-тэги cодержат информацию для браузера и поисковых машин. Размещаются между тэгами <head></head> и состоят из следующих атрибутов:

<meta http-equiv="content-type" content="text/html; charset=Windows-1251"> - благодаря тегу Кодировка браузер будет правильно отображать текст страницы. (русская кодировка Windows-1251);

<meta name="Author" Content="имя автора"> - указание имени автора;

<meta name="Description" Content= "описание"> - описание документа. Текст в этом тэге, будет отображаться поисковиками. Длинна текста описания не должна превышать 200 символов;

<meta name="Keywords" Content="слова через запятую или пробел"> - ключевые слова для поисковиков. Указание поисковикам, по каким словам осуществлять поиск информации, содержащейся на данной странице. Объем списка до 800 символов;

<meta name="Reply-to" Content="адрес E-Mail"> - содержит e-mail автора сайта;

<meta name="Date" Content="месяц, число, год и время через пробел"> - дата создания сайта. Содержит информацию о дате и времени создания сайта (на английском языке). ("Data" Content="May 28 1999 15:34 Am">).

в начало раздела