|Web Учебник | Самоучитель по CSS | Самоучитель по PHP + MySql |Основы PhotoShop |Контакты. |

История развития HTML.

История HTML началась еще в 1995г., но кроме простого текста и ссылок для связи документов ни чего не было, но прогресс требовал от разработчиков большего, и в ноябре 1995 вышел HTML-2, эта версия отличалась от первой только тем что при помощи HTML-2 можно было форматировать текст(жирный, курсив, подчеркнутый и т.д). Но "аппетит приходит в время еды", и нужны были оболочки для форм, таблицы, возможности использовать объекты(картинки, фреймы и т.д.) и тогда вышел HTML-3, но эта версия хтмл оказалась абсолютно не работоспособная и буквально за считанные недели вышла версия HTML-3.01, особо от HTML-3 она не отличалась, а только были устранены "критические дыры". И в январе 1997 выходит HTML-3.02, версия которая стабильно работает в всех браузерах и сейчас. Но опять-же прогресс начал толкать разработчиков на большее, к тому времени нужно было использовать флешь-объекты(игры, аудиовидео-плееры и т.д.) и java-приложения, и так 1999г. родился HTML-4.0, в этом же году вышел HTML-4.01. HTML-4.01 это исправленный HTML-4.0, а HTML-4.0 это в свою очередь HTML-3.02 + объекты.

Дальше для развития HTML настала длительная пауза... Я не могу назвать когда появился XML(расширенная разметка текста), но с 1999г. решили развивать XHTML(расширенный гипертекстовый язык разметки). От простого HTML он не особо отличался(все имена тегов должны писаться только строчными(маленькими) буквами, все значения атрибутов обязательно должны находиться в кавычках, для парных тегов конечный тег должен быть обязательным, а одиночные теги должны заканчиваться сплешем, например <br /> или <img атрибуты />) другими словами строгий синтаксис. Разница между HTML и XHTML что в последнем можно создавать собственные теги. Развитие XHTML продолжалось до 2002г, дальше и для него настала пауза...

Но опять-же этот долбаный прогресс, как показало время ни HTML-4.01 и XHTML-2 не способны оправлять данные из форм, т.е. этих полей нужно на много больше. И это в 2004г. послужило идеей по созданию HTML-5, но как оказалось организации w3c(автор HTML) браться совсем не хотелось... И только в 2007г. образовалась новая организация WHATWG это w3c + разработчики браузеров Opera, Mozilla и Safari, которая спустя 2 года написала HTML-5.

HTML-5 - это HTML-4.01 + куча браузерного мусора(не визуальные теги, которые браузеры способны и сами подсовывать при обработке), десяток новых полей для хтмл-форм, а так-же добавлены на первый взгляд интересные теги <audio> и <video>, т.е. их роль заключается в том что без флешь-приложений воспроизводить аудио и видео файлы. Еще интересным нахожу тег <canvas>, при помощи его можно рисовать в браузере.

HTML-5 поддерживают такие браузеры: Internet Explorer-9.0+, Chrome-3.0+, Opera-10.50+, Safari-3.1+, Firefox-3.5+, Android-2.0+, iOS-2.0+ возможно и другие. Но на самом деле это далеко не так, и почти все новые теги не работают, например с тегами <audio> и <video> я провозился 2 недели(тестировал в Firefox-11 и Opera-11.61) и не одного звука от этих тегов я не услышал!!! До тега <canvas> я не дошел, но думаю что рисование в браузере лучше организовать на языке Java.

Пару слов о том почему у меня не получилось заставить работать теги <audio> и <video>, если браузеры в которых я тестировал эти теги поддерживают, а все очень просто, HTML-5 корректно работает только в WINDOWS-7 и выше, а у меня WINDOWS-XP.Pro, а в этой ОСи корректно работает только HTML-3.2 HTML-4.01.
Почему я использую XP вместо 7 ?, потому что все сайты которые написаны в XP будут корректно отображаться и в WINDOWS-7, а сайты написанные в семерке могут не корректно отображаться в XP и более ранних. Я хотел сказать что не то что версии HTML привязанны к каким либо О.С., а о том что старые ОС ограниченны в своих возможнотях. Так что если учтывать интересы всех пользователей, нужно писать сайты чем проще тем лучше!!!

Вообще я в этом разделе не собирался рассказывать о типах документов, но раз я затронул HTML-5, это сделать придется. И так на сегодняшний день используется три версии HTML: HTML-3.2, HTML-4.01 и HTML-5 Мы знаем что основной шаблон страницы выглядит вот так:
<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
У меня получилось!!!
</body>
</html>

В этом шаблоне неуказан тип документа и соответственно такой шаблон будет обработан как HTML-3.2

Но можно указать что этот тип документа нужно обрабатывать как HTML-3.2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
У меня получилось!!!
</body>
</html>

Этот шаблон нужно использовать для HTML-4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
У меня получилось!!!
</body>
</html>

А этот шаблон HTML-5 :
<!DOCTYPE html>
<html>
<head>
<title>Мой первый сайт</title>
</head>
<body>
У меня получилось!!!
</body>
</html>

HTML-5 действительно имеет сокращенный доктайп(DOCTYPE). Так-же в HTML-3.02 и HTML-4.01 при необходимости может быть указан тип(легкий, строгий или фреймовый) каскадных таблиц стилей(CSS), то HTML-5 ни чего не указывается. А теперь самое главное что я этим хотел показать, если использовать DOCTYPE для HTML-5, а браузер не поддерживает его, то документ будет обработан даже не как HTML-4.01 а как HTML-3.02, потому что все что не понимает браузер, он его игнорирует, и в данном примере как будто этого DOCTYPE просто нет.

На сегодняшний день(май 2012г.) можно сказать все браузеры поддерживают HTML-3.02, 95-97% браузеров поддерживают HTML-4.01 и только 54-57% браузеров поддерживают HTML-5 и я уверен что только половина из этой цифры корректно все отображает. Так что использовать HTML-5 можно будет только когда цифры 54-57% выростут хотя-бы до 90%, но по моим прогнозам это будет только в 2015-2018 году...

Добавить в закладки
Добиться абсолютной межбраузерности для механизма добавления в закладки не существует ни на каких языках!!! А для браузера "Chrome" не работают вообще ни какие механизмы!!!
Потому это лучше всего делать в ручную при помощи одновременого нажатия клавиш Ctrl и D , после чего нужно нажать готово(добавить). Такой "механизм работает всегда и везде!!!