Что такое «!DOCTYPE»? Подробнее о HTML-стандартах

Стандарты HTML, или Что такое «!DOCTYPE»

Сегодня, уважаемый читатель, мы поговорим о такой загадочной вещи, как объявление стандарта, в соответствии с которым написан HTML-документ. Выполнять поставленную задачу призвана первая HTML-директива в коде вебстраницы, под названием «!DOCTYPE».

Вот пример этой строки:

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

Если вы не знаете, зачем нужна такая абракадабра и какой DOCTYPE выбрать в вашем случае, то в данной статье вы найдёте ответы на эти вопросы. Я постарался осветить проблему подробно.

Первое, что может сделать добросовестный начинающий вебмастер, который пытается разобраться в назначении директивы DOCTYPE, это выбрать хорошую книгу по созданию сайтов и изучить раздел про DOCTYPE. Тогда ему станет ясно, что «доктайпов» существует несколько (строгие и не очень, для HTML и XHTML). Ясно, что директива DOCTYPE необходима для уведомления браузера о том, в соответствии с каким стандартом свёрстан HTML-документ, а вот какой стандарт HTML выбрать и на что это влияет — большой вопрос.

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

История стандартов HTML

Давным-давно, когда Интернет только зарождался, обозначилась проблема: каким образом превращать набор букв, передаваемый по Сети, в заголовки, абзацы, ссылки. Ответ нашёл физик Тим Бёрнерс-Ли, придумав язык гипертекстовой разметки HTML (обратите внимание, товарищи блондинки, HTML — не язык программирования). Документацию к языку HTML опубликовали в 1991 году.

Формат HTML прижился настолько, что стал стандартом разметки документов в Интернете и был одобрен международной организацией по стандартам W3C, которая была основана и возглавляется, как ни странно, всё тем же создателем HTML — сэром Тимом Бёрнерсом-Ли.

В своей первой редакции, HTML представлял собой язык разметки содержимого вебстраницы, сообщающий браузеру, где заголовок, где абзац, где ссылка (при помощи наших старых добрых знакомых — HTML-тегов). Браузеры при этом должны были самостоятельно решать, каким образом им визуально представлять все элементы содержимого, структурированные тегами. Иными словами, первая редакция HTML не имела никакой власти над визуальным представлением гипертекста на стороне клиента. Эта функция полностью ложилась на «плечи» браузера.

Прошло немного времени буйного развития интернет-технологий, как в Сеть хлынул бизнес. Бизнес-сайтам совсем не хотелось быть похожими один на другой. Им нужны были яркость и запоминаемость.

Популярные в то время браузеры (конечно, IE и, тогда ещё «живой», Netscape) начали придумывать свои собственные теги, которые позволяли задавать индивидуальные свойства дизайна вебдокументу. Да, уважаемый читатель, никакой кроссбраузерности в то время не было. Я ещё помню те времена, когда по сайтам можно было «лазить» только с помощью IE, а все остальные браузеры показывали страшные вещи. Но сейчас не об этом.

Консорциум W3C принимает новый стандарт HTML, в который уже входят средства визуального представления.

Семимильными шагами начинает развиваться технология CSS, призванная восстановить порядок и отделить представление (выравнивание, цвета, шрифты, которые теперь будут задаваться CSS-стилями) от структуры (заголовки, абзацы, ссылки, которые идеологически задаются в HTML).

Начинающий вебмастер спросит: «Зачем отделять визуальную часть от структуры?». И мы ему ответим:

У простенького сайта необходимость этого не очевидна, но если проект — крупный, то разделением удастся избежать путаницы и каши в HTML-коде;
Не нужно повторять один и тот же код на разных страницах, если визуальное представление блоков одинаково. Достаточно воспользоваться CSS-файлом, где один раз указать стиль отображения для данного семейства блоков;
Отделив инструкции, касающиеся внешнего вида, в кешируемый файл, можно избежать бессмысленных нагрузок на мировую Паутину (хе-хе, какое нам дело до мировой Паутины, свой «сервак» не перегрузить бы, а CSS спасает сервера высоконагруженных проектов);
Теперь уже мощность CSS неоспоримо больше (в плане работы с логикой представления), чем у искусственно внедрённых в HTML инструментов изменения внешнего вида страницы.

Так, о CSS достаточно. Вернёмся к HTML.

Актуальный, на данный момент, стандарт HTML 4.01 запрещает использовать HTML для манипуляций с отображением элементов. Попрощайтесь с HTML-директивами «align», «font»: внешний вид нужно задавать при помощи CSS-стилей. Всё возвращается на круги своя.

Но Интернет продолжает своё развитие и вместе с ним развиваются и перерождаются стандарты.

Организация W3C решила, что наиболее удовлетворяющим современным веяниям будет новый расширяемый стандарт XHTML. Данная штуковина — некий симбиоз HTML с принципами XML.

Стандарт XML — способ хранения структурированных данных в текстовом файле. Придуманные теги, определённым образом, в соответствии стандартам XML, формируют структуру данных:

<kontakty>
    <zapis nomer="1">
        <familiya>Морковин</familiya>
        <imya>Андрей</imya>
        <site>seoded.ru</site>
    </zapis>
    <zapis nomer="2">
        <familiya>Волож</familiya>
        <imya>Аркадий</imya>
        <site>yandex.ru</site>
    </zapis>
</kontakty>

При помощи простенькой программы, легко можно разделить данные, структурированные средствами XML. При этом, данные могут быть проанализированы в любой операционной системе, на любом устройстве (ведь это, всего-навсего — текстовый файл, структурированный соответствующими разделителями-тегами, согласно известному стандарту).

Организация W3C посчитала вышеописанную особенность очень крутой и раздумья о тупике в развитии HTML, привели к рождению XHTML. Это будет такой язык разметки, который безболезненно должен расширяться новыми тегами и сможет обрабатываться любым устройством («мобильник», компьютер, телевизор), ведь в основе лежит XML, который это пропагандирует (думали наивные сотрудники организации W3C).

Сказано — сделано: в мае 2001 года появился новый стандарт расширяемой гипертекстовой разметки XHTML 1.0. Он впитал в себя строгости XML, теперь HTML-код должен соответствовать следующим требованиям:

Все теги должны быть закрыты. Если тег одиночный, например <img>, то он должен выглядеть вот таким образом: <img src=”…” />;
Должна строго выполняться иерархия. Вот так нельзя: <div><span>…</div></span>. Можно только так: <div><span>…</span></div>. Нельзя забывать про теги <html>, <body>. Всё должно быть аккуратно;
Атрибуты тегов нужно обязательно заключать в кавычки. Так нельзя: <a href=http://seoded.ru>. Можно только так: <a href=”http://seoded.ru”>;
Теги и CSS-свойства можно писать только маленькими буквами;
В случае присутствия ссылки, содержащей знак «&», его нужно преобразовать в «&amp»;
У изображений, формируемых тегом <img>, обязательно нужно указать свойство «alt».

И так же, как в HTML 4.01, никаких воспоминаний о внешнем виде в XHTML-коде быть не должно.

Конечно, это не полная спецификация языка XHTML: в нём есть ряд ограничений, связанных со скриптами и ещё Бог знает с чем. С полной спецификацией можно ознакомиться в соответствующем разделе сайта W3C (хоть там всё и на английском, но с красочными примерами правильного и ошибочного синтаксиса, так что желающий понять — поймёт).

Как я говорил ранее, XHTML — расширяемый язык гипертекстовой разметки. Однако вся эта расширяемость плохо воспринимается поисковиками, некорректно работает в IE6 и IE7, возникает необходимость настраивать заголовки, передаваемые сервером и выполнять строгие правила формата XML, чтобы все достоинства XTML работали в полную силу.

Достоинства языка XHTML — вовсе не строгость синтаксиса, а возможность использовать «хитрые» теги разметки. Например, принадлежащие пространству имён MathML (пример, который нужно запускать только в нормальных браузерах: IE6, вместо интерпретации XHTML-кода, вызовет диалог сохранения файла). Или вообще придумывать теги самостоятельно в своём собственном пространстве имён (этот процесс детально описан на сайте W3C, англ. язык).

Дальнейшее развитие революционной ветки XHTML — выход стандарта XTML 2.0, значительно отличающегося от привычного HTML и несовместимого с XHTML 1.0. Окончание работ над XHTML 2.0 планировалось на 2009 год.

Однако никакой революции не произошло. Ещё в июне 2004 года группа разработчиков, именующих себя WHATWG (в которую входят разработчики известных браузеров), посчитав концепцию XHTML неверной, начала работу над стандартом HTML 5, который, благодаря наличию семантических тегов (section article footer audio video progress nav meter time aside ) и другим нововведениям, серьёзно изменит современную веб-разработку в лучшую сторону. Подробнее о HTML 5 можно почитать на «Википедии».

Стандарт XHTML 2.0 был заброшен и организация W3C переключилась на разработку HTML 5.

Утвердить стандарт HTML 5 планируется не ранее 2020 года.

Какой DOCTYPE выбрать?

Теперь, вооружившись знаниями истории стандартов, снова вернёмся к статье на htmlbook.ru про DOCTYPE.

Мы знаем, что такое HTML 4.01 и XHTML 1.0. Остаются открытыми три вопроса:

Что такое «строгий» и «переходный» синтаксисы?
Какой стандарт выбрать?
Как научиться верстать в соответствии с выбранным стандартом?

Теперь я последовательно отвечу на все поставленные вопросы.

Что такое «строгий» и «переходный» синтаксисы?

Оказывается, чтобы «ломка» при переходе на новый стандарт не была такой уж болезненной, придуманы «переходные» синтаксисы.

Вы же помните, что в стандарте HTML 4.01 запрещены HTML-инструкции, касающиеся внешнего вида? Да, помните, конечно. Я просто хотел в этом убедиться.

Теперь поэкспериментируем.

Сначала я выберу «строгий» синтаксис формата HTML 4.01 и укажу соответствующую директиву DOCTYPE:

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

Эта абракадабра означает, что HTML-код, идущий ниже, соответствует стандарту 4.01, принятому организацией W3C (вот этот кусок абракадабры «-//W3C//DTD HTML 4.01//EN»). Инструкции, написанные организацией W3C касательно данного стандарта, находятся вот там «http://www.w3.org/TR/html4/strict.dtd». И браузер может прогуляться по этому адресу для уточнения.

Экспериментировать будем с вот таким HTML-кодом:

<!DOCTYPE HTML PUBLIC  "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <title>Проверочка</title>
</head>
<body>
     <p align="center"><font>Немного текста</font></p>
</body>
</html>

Основное внимание нужно обратить на присутствие в коде запрещённых элементов: «align="center"» и тега «<font>».

Теперь проверим этот код на соответствие стандартам. Как я неоднократно говорил ранее, есть замечательное расширение для FireFox под названием «HTML Validator». Програмулина показывает две ошибки в HTML-коде:

Всё оказалось предсказуемо. Валидатор «ругается» на атрибут «align» и тег <font>: такие вещи запрещены в стандарте HTML 4.01, который мы декларируем первой строчкой HTML-кода.

Заменим первую строчку на «доктайп» стандарта HTML 4.01 переходного синтаксиса:

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

Теперь абракадабра сообщает браузеру, что HTML-документ написан в соответствии с переходным синтаксисом стандарта HTML 4.01, потому что автору документа, периодически, непреодолимо хочется использовать запрещённые стандартом директивы. Поставив этот DOCTYPE в код, приведённый выше, повторим валидацию.

Вуаля, уважаемый читатель, тех двух ошибок как не бывало.

Я думаю, что теперь должны быть ясны все отличия строгого и переходного синтаксисов друг от друга.

Переходный «доктайп» стандарта XHTML 1.0 позволит использовать HTML-директивы для задания внешнего вида, но за соответствием идеологии XML будет следить пристально и реагировать ошибкой валидации на каждый незакрытый одиночный тег или отсутствие alt-свойства у картинки.

Какой стандарт выбрать?

Я считаю, что нужно верстать валидно в соответствии со строгим синтаксисом стандарта. Это заставит использовать HTML по его прямому назначению и не мешать котлеты с мухами в одной тарелке. Кроме того, если сайт свёрстан валидно и неправильно отображается в каком-либо браузере, то это проблема браузера, новые версии которого всё лучше и лучше соответствуют стандартам организации W3C и исправляют ошибки интерпретации валидного кода. А вот если вы реализовали какую-то сложную структуру извращённым, невалидным способом, то где гарантии того, что новые версии браузеров не порвут вашу вёрстку в клочки?

Так что никаких переходных синтаксисов, только строгое соответствие стандартам.

За строгое соответствие стандартам выступает ещё один довод. Ноги этого довода растут из нашего спора с Takobus, разгоревшегося в комментариях к статье о вертикальном выравнивании в div. Оказывается, IE8, всё-таки, прекрасно понимает назначение CSS-свойства «display: table-cell». Правда, в случае, если объявлен строгий синтаксис стандарта HTML 4.01. В переходном синтаксисе IE8 отказывается работать с данным CSS-свойством.

Теперь определимся с выбором между актуальными стандартами: HTML 4.01 и XHTML 1.0.

Вы собираетесь расширять язык HTML? Если нет, то и не нужно использовать ветку XHTML, которая так и не переродилась в версию 2.0.

Если вы хотите защитить свой продукт на будущее, чтобы в дальнейшем не возникло проблем при расширении функционала из-за несоответствия HTML-кода стандартам XML, то помучайте себя слешами в одиночных тегах и обязательными alt-параметрами картинок. Но не делайте это напрасно: просто так использовать XHTML-стандарт не вижу никакой необходимости.

Есть ещё DOCTYPE-директивы, предназначенные для HTML-документов, использующих фреймы. Что-то я сомневаюсь, чтобы вы использовали древнюю технологию фреймирования.

Для тех, кто не в теме.

Фреймы — независимые браузерные окна, отображаемые на одной вебстранице. Каждое окно связано с независимым файлом HTML.

Теперь ясно, какой «!DOCTYPE» оказывается максимально подходящим: строгий синтаксис формата HTML 4.01.

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

Как научиться верстать в соответствии с выбранным стандартом?

Оказывается, очень просто. Нужно установить рекомендованное мной расширение для FireFox «HTML Validator», которое популярным образом, с примерами, объяснит причину ошибки в HTML и покажет, как её устранить. Вот вам и валидный код.

Автор: Андрей Морковин.

Ещё материалы по этой теме:

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

Максим Яковлев
Статьи — хорошо, но хороший пример тоже кое-чего стоит. Не так уж много времени надо на выправление ошибок (если конечно они не критические и при их исправлении вёрстка не едет напрочь).

Андрей Морковин
Да, нужно будет заняться исправлением ошибок.

Человек_без_именИ
Так до этого и не знал что это за строчка самая первая, даже как то на работе решил поинтересоваться есть ли требования к ней В) меня пригрузили лекцией в которой я ничего не понял кроме необходимости закрывающих тегов В) а теперь голова моя чиста В) Еще раз Спасибо В)

Андрей Морковин
Рад был помочь

Артур
А про оперу промолчали)))
от нее и мозила б замолчала))))))

Максим
вы видать, версткой серьезно никогда не занимались, раз пишете такое

Дима
Хорошая статья =) я так понял нет необходимости уже верстать на XHTML — strict,
а брать HTML 4.1 — strict и не мучатся)
верно?)

Максим Яковлев
Нет, не верно. XHTML приучает к более качественному и понятному коду, чем HTML, при этом оба варианта синтаксиса будут равноправны в HTML 5.

Андрей Морковин
Нет, верно. Не нужен XHTML, если не собираетесь использовать XML примочки. Да и вообще, все движется к HTML 5, так зачем тогда использовать синтаксис XHTML?
Каким образом XHTML заставляет более качественно и понятно писать код? Если хотите писать качественно и понятно, то пишите качественно и понятно в HTML 4.01

Максим Яковлев
У XHTML более жесткие правила, которые я привык выполнять: аккуратный нижний регистр, правильная вложенность, всегда закрытые теги и т.п. Это заставляет быть аккуратнее, к тому же, все неаккуратности ловятся валидатором. В HTML валидатор такие неаккуратности просто не замечает. Кроме того, чужой XHTML код намного проще читать

SelenIT
> В HTML валидатор такие неаккуратности просто не замечает.
А вы пробовали провалидировать HTML-страницу с неправильной вложенностью? В спецификациях нужно читать не только заголовки, но и текст.

Дима
значит буду продолжать использовать XHTML =))

Андрей Морковин
Дим, короче говоря, сколько людей, столько и мнений. Но факт в том, что XHTML придуман вовсе не для того, чтобы улучшить понятность и грамотность кода. Думайте сами, решайте сами. Сами!

Максим Яковлев
Вы лучше собственное мнение сформируйте, основываясь на личном опыте (если он есть, конечно).
Вот ещё интересное обсуждение проблемы выбора http://forum.codenet.ru/q53679/

Дима
Личный опыт в стадии разработки)) сверстал 6 шаблонов psd и всё)) и когда есть свободное время познаю новое в верстке)
СПАСИБО ОГРОМНОЕ ЭТОМУ САЙТУ КСТАТИ И ЕГО АВТОРУ)))
я так понимаю самое главное это личная практика и ещё раз практика?))
и мне как то не напряжно было верстать с !DOCTYPE XHTML)
думаю, я за будущее и просто HTML мне подойдёт)

Never Lex
Да. Сколько людей столько и мнений. Я например HTML 4.01 Transitional использую и не парюсь. Зачем себе же вставлять палки в колёса.

Never Lex
В качестве эксперимента на блоге поменял доктайп на Стрикт. Огрёб 6 ошибок. Только не особо врубаюсь, что мне хочет сказать валидатор
language для жаваскрипта уже писать не нужно?
не понимает тега s и атрибута target…

Never Lex
Поубирал атрибуты language, border и target. Заменил тег на . Теперь имею валидный строгий ХТМЛ
Только вот более громоздко, чем .

Never Lex
ВП злобно вырезает теги
Заменил s на span=class=»strike» (только это более громоздко).

Never Lex
Вот чёрт. Переубедили. Теперь я тоже приверженец Стрикта

Андрей Морковин
Забавно наблюдать за Вашей идеологической ломкой Поздравляю с переходом к строгости, это, как мне кажется, правильно.

Виталий
Спасибо огромное за толковую статью. Я ещё только познаю хитрости сайтостроения и Ваша статья оказалась как нельзя кстати. Хотелось не просто, тупо, прописать что говорят, а разобраться что к чему самому. Теперь всё стало понятно. Только, появилась одна загвоздка. Немного не по теме, но, тем не менее, надеюсь, что Вы поможете мне разобраться: в статье Вы упомянули HTML Validator для FireFox, видать, очень нужная штуковина. Я скачал валидатор (tidy_firefox_win_0861.xpi), но, никак не пойму как его установить. На официальном сайте никак подсказок по установке не нашел, одна надежда на Вас. Будьте добры, объясните как установить. Заранее спасибо!

Андрей Морковин
Запускаете FF, идете по ссылке: https://addons.mozilla.org/ru/firefox/addon/html-validator/
На загрузившейся странице находите кнопку «Добавить в Firefox», нажимаете на нее и плагин сам устанавливается в браузер.

Александр
Здравствуйте!
Не знаю куда точно писать, напишу здесь. Я бы хотел задать вопрос о html5 и CSS3… В интеренете читал про них, но у всех свои версии, кто-то уже использует, кто-то нет. Вообщем стоит ли их использовать, надёжны ли оны? Если знаете какую-нибудь полезную статью на счёт этого, просьба дать ссылку. Заранее благодарен!

Андрей Морковин
Могу сказать только одно: HTML5 будет внедряться, а XHTML умирает.

SelenIT
И всё-таки HTML-валидатор тоже ругнётся на отсутствие alt у картинки. Как и за неправильную вложенность. Все отличия между HTML 4.01 и XHTML 1.0 того же подвида — только синтаксические, в содержательном плане все теги и атрибуты одни и те же. Вся дополнительная строгость XML-веллформности — исключительно по поводу обязательности явного закрытия всего и закавыченности всех атрибутов.
Ну и раз уж упомянули HTML5, думаю, надо бы и его доктайп привести. По-моему, для практических задач он самый удобный — допускает старые полезности (типа target ссылок) и новые (типа autocomplete форм), гарантированно включает самый стандартный режим отображения (без сюрпризов, как с Transitional-ами в IE8 и Опере), а главное — короткий и легко запоминается.

script
Каковы основные DOCTYPE и в каких случаях те или иные лучше использовать?
Приведите пожалуйста примеры.

Елена Викторовна
Здравствуйте! Из всей информации я поняла, что Тег !DOCTYPE НЕ необходим для владельцев сайтов на бесплатных хостингах, например на ucoz.ru ,т.е. там уже все предусмотрено! Ответьте, пожалуйста, я правильно поняла или совсем не то я поняла? Хочеться научиться делать ВСЁ правильно!
Заранее спасибо. С уважением, Елена Викторовна.

Виталий
Елена Викторовна тег !DOCTYPE в обще никак не связан с хостингом. DOCTYPE влияет на правильность отображения страниц в браузере пользователей.

tokman
хаха….ржачный ролик….я тож люблю лисичку

tokman
и кстати спасибо огромное за ценную инфу….

sasharp
Спасибо за интересную, живую статью. Как самоучка начал верстать страницу с нуля и не поставил наверх. Что интересно, Опера, Лиса и Хром показывали всё так, как хотелось, а вот Эксплорер «position:absolute;» вообще не переносил и рамки показывал внутренние, а не внешние. Прописал всё зарботало как надо везде.

sasharp
!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd” имеется ввиду.

Артиом
Совсем запутался Я!
xHTML отличается от HTML только , нижний регистр, другим доктайпом и ещё пару примочек и всё?

Zoom
Коллеги может установка !DOCTYPE навредить верстке? а то мне тут прогнули, что установка типа документа все порушит…

L0CUST
ещё как порушит. тама окромя стандартов типа слэшей, есть ещё ньюансы по позиционированию

Андрей
Подскажите пожалуйста, можно ли для верстки шаблона под CMS Joomla (ну и вообще под ЦМСки вцелом) использовать HTML 4.01 или это может вызвать какие то проблемы. Смотрел коды страниц на разных сайтах под джумлой у всех XHTML 1.0 или Strict, или Transitional. Кстати у Вас ведь тоже XHTML 1.0 Transitional Заране благодарю за ответ.

Максим
Я считаю, будет полезным посмотреть видео по этой теме https://vimeo.com/19072506

bobuk
Что вы за люди?
Час потратил на выяснение причины по которой доктайп не воспринимался адекватно программой — кавычки « » замените на нормальные » «.

Рамана
Спасибо за информацию… Но с !DOCTYPE отказываются работать некоторые скрипты. Можно его вообще не указывать или это будет неправильно? Спасибо.

Sera
какая роль ссылки в теге? разви недостаточно вот етой информации://W3C//DTD HTML 4.01
Ссылка: «http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd»

Maria
Здравствуйте! Вы пишете, что наиболее подходящим является
DOCTYPE HTML 4.01, а на своем сайте используете XHTML 1.0 Transitional.Объясните, пожалуйста, чем обусловлен ваш выбор?

Андрей Морковин
Все течет, все изменяется. Сейчас используйте HTML5.

Игорь
В таком случае лучше вообще использовать HTML5. Верстаю и не заморачиваюсь по поводу ошибок — их в итоге нет. Альты у меня редактор сам ставит и теги сам правильно закрывает.. Начиная с ИЕ8 все кроссбраузерно получается. Иногда само по себе. В том числе и в адаптивной верстке. По поводу заказчиков — сами настаивают на последних технологиях.

George Antentyk
простите а почему HTML 4.01 а не HTML 5 наиболее подходящий и есть ли там какая-то разница в синтаксисе (заранєє спасибо)

Андрей Морковин
Потому что это статья 2009 года, тогда еще HTML5 не было. А сейчас конечно, HTML 5.

Виктор
Хоть статья была опубликована 6 лет назад, для меня она
сейчас стала интересной. Вероятно, несмотря на то, что строгий и промежуточный DOCTYPE для HTML 4.01 одинаково ругаются на кириллицу в URL, следует использовать её с — HTML 5 , он не ругается. Чтобы вид русских букв был корректным на компьютерах MAC, Deck, Sun и других компьютерах с русскими буквами и кодировкой отличной от IBM-альтернативной для Windows и работал кроссбраузерно, надо использовать не сюда., а < a href="mailto:Виктор?subject=Статьи» >сюда
Так на всех компьютерах, где есть русский шрифт, письма будут читаемы.

Стандарты HTML, или Что такое «!DOCTYPE»