Как менялся HTML от версии к версии
Язык гипертекстовой разметки (HTML) — это ключевой инструмент для создания любого веб-сайта и его веб-страниц.
Старый HTML использовался при построении всемирной паутины. Он родился из стандартного обобщенного языка разметки (SGML) в 1986 году. И кто мог подумать, что простой язык с небольшим набором тегов сможет решать задачи создания сложных систем разметки и других проблем кодирования?
Эволюция и развитие этого языка программирования были замечательными и заметными. И несмотря на свою простоту, он позволяет программистам творить настоящие чудеса, например, заполнять веб-страницы анимированными изображениями, видео и звуком.
Согласно недавней статистике за 2020 год от Statista, HTML является одним из самых популярных языков программирования, поскольку 63,5% разработчиков программного обеспечения подтвердили, что это их основная платформа.
Со времени появления в начале 1990-х, когда Тим Бернерс-Ли использовал HTML, который был разработан на основе прототипа, этот язык значительно вырос. За прошедшие годы HTML прошел довольно ухабистый путь модернизации.
Его используют инженеры-программисты, разработчики и десятки тысяч браузерных компаний. HTML — это развивающийся язык вычислений, и благодаря специальной стандартизации и программе развития этот процесс стал проще и эффективнее.
В этой статье мы постарались рассмотреть различные версии HTML в процессе его развития. Итак,
HTML 1.0
Первая и базовая версия HTML была разработана для поддержки основных функций, таких как текстовые элементы управления или размещение изображений.
Эта версия HTML не поддерживала широкий спектр элементов, как современные версии языка. В частности в этой версии HTML не было поддержки таблиц и шрифтов.
В целом, можно сказать, что эта версия является самой ограниченной версией HTML.
HTML 2.0
HTML 2.0 — это версия, имевшая все возможности HTML 1.0 с некоторыми новыми функциями для веб-дизайна.
HTML 2.0 считался стандартной версией HTML до 1995 года.
В этой версии были улучшены теги разметки, текстовых полей, кнопок и т. д. Браузеры, разработанные для этой версии HTML, также ввели концепцию наличия тегов и слоев.
Был создан W3C (World Wide Web Consortium), который стандартизировал язык HTML.
Данная версия HTML понимала шаблоны и визуализировала HTML-теги согласно стандарту W3C.
HTML 3.0
Хотя выпуск HTML 2.0 был тепло принят, авторы HTML и веб-разработчики все еще нуждались в более целостной версии языка. И такой версией стала HTML 3.0.
HTML 3.0 предоставила авторам HTML и веб-мастерам больший контроль и более широкий спектр способов разметки текста и повышения качества и внешнего вида веб-сайтов.
Используя HTML 3.0, «Netscape», новый и ведущий браузер того времени, представил новые и более проработанные теги и атрибуты, которые получили название «Теги расширения Netscape». Разработки Netscape были благожелательно оценены программистами, однако эти теги и атрибуты не работали в других браузерах.
Позже Дэйв Рэггетт, руководитель группы, работающей над HTML, представил новый проект HTML 3.0 со значительными улучшениями и доработками.
HTML 3.2
HTML 3.2 (Wilbur) стал расширенной версией HTML, предлагавшей более широкий набор различных тегов. Это был новый стандарт, который тогда был крайне необходим. При этом все разработки предыдущей версии HTML 3.0 полностью вошли в эту версию языка.
HTML 4.01
Новая версия началась с HTML 4.0, известной как Cougar. Но со временем некоторые улучшения были изменены и вошли в версию HTML 4.01.
В 1999 году была представлена новая версия HTML 4.01, которая была значительно усовершенствована и предназначалась для достижения более масштабных целей.
Расширенные версии HTML 4.01 поддерживали каскадные таблицы стилей (CSS). Представленная концепция таблиц стилей решила проблему наличия CSS на каждой веб-странице и убирала повторяющийся код.
С выходом новой версии языка был запущен онлайн проект Cheatsheets in HTML с общими фрагментами кода и онлайн-инструментами, которые актуальны и по сей день.
Также, HTML 4.01 дорабатывал старые теги и вводил ряд новых тегов HTML.
XHTML 1.0
Большинство разработчиков ожидали, что после HTML 4.0 и HTML 4.01 следующим будет HTML 5.0. Но следующим в линейке стандартов стал XHTML.
Новый XHTML сопровождался появлением улучшенных тегов и опций, которые очень понравились разработчикам.
Аббревиатура XHTML расшифровывается как Расширяемый язык гипертекстовой разметки (англ. Extensible HyperText Markup Llanguage). При этом цель запуска XHTML заключалась вовсе не в улучшении тегов. Основная причина выхода этого стандарта состояла в том, чтобы улучшить взаимодействие с новыми браузерами, которые постоянно меняют динамику просмотра.
Поскольку технологическая динамика постоянно меняется, было важно учитывать, что новые браузеры будут доступны на разнообразных современных гаджетах. Так что в этом отношении XHTML оказался шагом в нужном направлении. Данный браузерный язык был ориентирован на работу с этими новыми технологиями. Веб-страницы, написанные на XHTML, адекватно работали с самым широким спектром браузеров и интернет-платформ.
В условиях, когда главным приоритетом было обеспечение хорошего качества веб-страниц, XHTML стал тем инструментом, который сумел удовлетворить все потребности разработчиков. В результате с 2000 по 2014 год, более десяти лет, XHTML был стандартизированным HTML следующего поколения.
HTML 5
Самая последняя и современная версия — HTML 5. В ней поддерживаются все теги и другие элементы, такие как элементы ввода различных типов, теги поддержки, геолокацию и пр.
Основная цель внедрения HTML 5 состояла в том, чтобы удовлетворить две вещи — улучшить язык и соответствовать новейшим разработкам в области мультимедиа.
При этом в HTML 5 были введен ряд новых тегов, например:
- Тег электронной почты. Это совершенно новый тег, появившийся в HTML 5. Данный элемент ввода является тегом формы, который осуществляет проверку или аутентификацию введенного значения. Это дает уверенность в том, что введенные данные являются подлинным именем электронной почты.
- Тег пароля. Данный тег является элементом ввода и предназначен для ввода пароля пользователя. При использовании этого тега пароль будет виден во время ввода и показан специальными символами. Этот тег защищает пароль символическим экраном.
- Аудиотег. Данный тег был добавлен для вставки аудио на веб-страницы.
- Семантические теги. Еще одно название структурных тегов. С помощью семантических тегов вы можете распределять и разделять веб-страницу HTML на различные структуры. Эти структуры объединяются, чтобы сформировать веб-страницу HTML.
- Теги разделов. Эти теги позволяют разбивать HTML документ на разделы. Важными семантическими/структурными тегами являются пояснения к изображениям, шапка/заголовок и подвал.
Существует множество причин использовать HTML 5. Некоторые из них практичны и философичны, другие альтруистичны, а многие эгоистичны.
На HTML 5 удобнее писать, поддерживать, реструктурировать документ. Он лучше подходит для поисковой оптимизации (SEO), для агрегаторов контента и систем чтения каналов, легко доступен на мобильных устройствах, может работать даже для пользователей с более медленным подключением к Интернету и меньше уязвимы для слома дизайна, он обеспечивает безопасный и простой путь для добавления мультимедийных элементов.
В настоящее время HTML 5 рассматривается как будущее этого языка программирования.
Заключение
Существует множество версий HTML, которые непрерывно развиваются более двух десятилетий. От первой и начальной версии HTML 1.0 до самой продвинутой версии HTML 5.0, язык HTML модернизировался, улучшился и стал значительно продуктивнее.
Консорциум World Wide Web продолжает работать над тем, чтобы все следовали одному стандарту. Многое было разработано и изменено в HTML, добавлены новые теги и элементы. И можно смело ожидать его дальнейшее развитие в будущем.
Виды блогов
5 самых популярных JavaScript фреймворков в 2020 году
Версии и стандарты HTML и XHTML
Всемирная Паутина в теперешнем ее понимании существовала, конечно, не всегда. Были времена, когда самого понятия «сайт» не существовало вовсе. Соответственно, языка гипертекстовой разметки HTML, на котором писались страницы, не было тоже. Был исключительно протокол FTP, который сохранился и по сей день.
А потом появились сайты. И возникла потребность в стандартизации языка, поскольку каждый браузер требовал свой собственный HTML.
HTML – это специальный язык, на котором пишется страница сайта. Загружаемый в браузер HTML-код обрабатывается им – и в итоге пользователь видит страничку такой, как ее задумал разработчик. Но на заре Интернета не было единого HTML, и страничку, которая прекрасно отображалась в одном браузере, было невозможно прочитать на другом.
Чтобы положить конец такой неразберихе, программисты решили привести все имеющиеся версии HTML к единому знаменателю. Считается, что тогда и возникла версия языка HTML 2.0. А что же с HTML 1.0? Его, как такового, никогда не существовало. Под версией 1.
Если попытаться обобщить, то эволюция языка HTML происходила примерно так:
- HTML 1.0;
- HTML 2.0 – 4.1;
- XML;
- XHTML;
- DHTML;
- HTML 5.0.
HTML 1.0
Как уже отмечалось, под этой версией подразумевается все многообразие версий HTML, на которых писались первые веб-странички. При этом каждому браузеру требовался свой собственный HTML. Положение спасало то, что и браузеров было не так уж много.
HTML 2.0 – 3.0
Версии 2 и 3 принято считать поисками путей стандартизации. Смена версий происходила на протяжении четырех лет. За это время были найдены все основные функции, которые могут потребоваться сайтам, и реализованы в HTML-коде. Появились стандартные тэги, в версии 3.0 впервые была взята за основу табличная верстка. Именно в третьей версии начались эксперименты со скриптами, стало возможным легко вставлять графические элементы.
HTML 4.0 – 4.1
Результат объединения всех стандартов воедино. Были устранены ограничения и недоработки предыдущих версий. Теперь каждая страничка могла отображаться во многих браузерах практически идентично. Казалось бы, найдено устраивающее всех решение. Но на практике язык HTML 4.0 оказался весьма неповоротливым и не таким удобным, как ожидалось.
Поэтому в середине 90-х годов прошлого века возник HTML 4.1. Новая версия устранила многие ошибки и недоработки всех предыдущих вариантов и оказалась настолько удачной, что во многом используется и сейчас при написании сайтов.
В версии 4.0 уже применялись каскадные таблицы стилей – CSS. Все скрипты и CSS стали помещаться не в саму страницу, а подгружаться из внешнего модуля, что позволило уменьшить информационный вес страницы и ускорить скорость ее загрузки. Но окончательно таблицы стилей стали практически стандартом лишь в версии XHTML.
XHTML
На данном этапе разработчики попытались «скрестить» классический HTML и расширяемый язык разметки XML. Результатом эксперимента стал XHTML.
Язык получился довольно строгим и не прощал многих ошибок. Обнаружив ошибку, порой несущественную, браузер отказывался открывать страницу, написанную на XHTML. В то же время в HTML страница пусть и не всегда корректно, но все-таки открывалась. Также XHTML имел жесткое структурирование, что сказывалось отрицательно на творческой мысли веб-дизайнеров. Однако эта же строгость позволила стать сайтам по-настоящему кроссбраузерными. Теперь на нужно было беспокоиться о том, что в одном браузере сайт отобразится в соответствии с задумкой автора, на другом «поплывет» форматирование, а на третьем и вовсе не откроется.
Именно в XHTML впервые были повсеместно применены каскадные таблицы стилей CSS, которые затем успешно перекочевали в HTML 4.1. XHTML позволял создавать интерактивные динамические элементы. Но вскоре было принято отказаться от XHTML, и развитие языка прекратилось. На смену ему пришел HTML 4.1, а затем и HTML 5.
HTML 5.0
Современная версия языка HTML добавила новые тэги и прочие семантические элементы. Улучшилась поддержка мультимедийных вставок. Теперь не требуется обязательного скачивания и регулярного обновления плагинов от Adobe, чтобы загрузить PDF-документ или просмотреть видеоролик. HTML теперь стал активно использоваться SEO-оптимизаторами. Считается, что в 2014 году спецификация HTML завершилась, хотя работы по усовершенствованию этого языка, конечно, ведутся постоянно.
Вполне вероятно, что не за горами тот день, когда мир увидит новую версию HTML. Будет ли это HTML 6.0 или какая-нибудь новая его интерпретация – покажет время. Но HTML бесспорно является незыблемой классикой, так что сбрасывать его со счетов рано.
В чем разница и что лучше?
HTML означает язык гипертекстовой разметки, наиболее широко используемый язык для разработки веб-приложений. Бернерс-Ли создал HTML в 1991 году, но впервые он был опубликован только в 1995 году. HTML4, опубликованный в 1999 году, стал популярной прорывной версией. В этой статье мы обсудим разницу между двумя версиями: HTML и HTML5.
Что такое HTML?
HTML — это сокращение от языка гипертекстовой разметки. Он используется для создания веб-сайтов и веб-приложений. Давайте сломаем это.
- Гипертекст: Гипертекст относится к «тексту, заключенному в текст». Он очень похож на гиперссылку и содержит базовый текст, который при нажатии перенаправляет на новую веб-страницу.
- Язык разметки: Язык разметки не обязательно является языком программирования. Вместо этого он используется для применения форматирования и макета к простому текстовому документу. Это приводит к более интерактивному и динамичному текстовому контенту.
История HTML
- Тим Бернерис-Ли изначально разработал HTML; первой версией HTML была HTML1.0.
- HTML 2.0 был выпущен в 1995 году. HTML 2.0 мало чем отличался от HTML 1.0, за исключением нескольких новых функций.
- Затем появился HTML 3.0, когда Дейв Рэггетт представил свежий черновик HTML. Этот черновик включал несколько новых возможностей и более мощные возможности для разработчиков веб-страниц по созданию своих веб-страниц.
- HTML 4.0 был выпущен в декабре 1997 года. Он предоставил новые теги для таблиц стилей, сценариев, фреймов, встроенных объектов, более сложных таблиц и форм, а также улучшенные функции доступности для людей с ограниченными возможностями.
- XHTML был выпущен в 2000 году.
Разница между HTML и HTML5
В следующей таблице сравниваются HTML и HTML5:
HTML | HTML5 |
Он содержит сложные типы кодировки символов. | Содержит более простые типы кодировки символов |
Не поддерживает аудио и видео без использования flash player. | Он поддерживает элементы управления звуком и видео с использованием тегов |
HTML использует кэш-память браузера в качестве временного хранилища. | HTML5 предлагает несколько вариантов хранения, таких как база данных SQL, кэш приложений и веб-хранилище. |
Программисты не могут использовать функции, определяющие геолокацию пользователя. | HTML5 имеет API геолокации JavaScript, который можно использовать для определения местоположения любого пользователя при доступе к веб-сайту. |
Теги | Теги, |
Функции перетаскивания не предусмотрены. | Предусмотрены функции перетаскивания. |
Он не может обрабатывать неточный синтаксис. | Он способен обрабатывать неточный синтаксис. |
В HTML векторная графика поддерживается с помощью различных инструментов, таких как Adobe Flash, VML и др. | В HTML5 векторная графика поддерживается по умолчанию. |
Такие атрибуты, как async, charset и ping, не являются частью HTML. | Такие атрибуты, как async, charset и ping, являются неотъемлемой частью HTML5. |
Объявление типа документа длинное и сложное в HTML. | Объявление doctype относительно простое и понятное в HTML5. |
Новые атрибуты, такие как tabindex, id и повтор, недоступны в HTML. | HTML5 содержит атрибуты tabindex, id и повтор. |
Новые мультимедийные элементы
HTML5 предлагает новые элементы для мультимедийного контента по сравнению с HTML, такие как:
- <аудио> — определяет звуковое содержимое
Ваш браузер не поддерживает элемент
mp4″ ширина = «300» высота = «200» элементы управления>
Ваш браузер не поддерживает элемент
Многие элементы были изменены или удалены из HTML5, в том числе:
- <кадр> — Удалено
- <без фреймов> — Удалено
- <каталог> — изменен на
- — для этого используется CSS
Преимущества HTML5 по сравнению с HTML
- Он удобен для мобильных устройств и прост в использовании
- Веб-страницы содержат широкий спектр цветов, оттенков и различных типов шрифтов
- HTML5 совместим со всеми веб-браузерами
- Поддерживает клиентские базы данных
- HTML5 улучшил производительность и безопасность, так как позволяет хранить информацию в различных браузерах
- Полезно для переносных приложений с перекрестными сценами
- HTML5 обеспечивает лучшую доступность и проверку HTML-документов с помощью семантических тегов и ARIA .
Заключение
В этой статье HTML vs HTML5 мы рассмотрели существенные различия между HTML и HTML5. Мы обсудили несколько преимуществ HTML5 по сравнению с HTML. Мы также рассмотрели новые элементы и функции, включенные в HTML5.
Готовы ли вы сделать следующий шаг к продвижению по карьерной лестнице в захватывающей и быстро развивающейся индустрии веб-разработки? Программа последипломного образования Simplilearn в Full Stack Web Development Automation Testing Masters — это идеальный курс для всех уровней квалификации, который был разработан с учетом широкого круга карьерных целей. Программа позволяет студентам получить сертификат последипломного образования по окончании. От новичков до тех, у кого есть некоторый опыт программирования, все учащиеся проходят тщательно подобранные пути обучения сквозной веб-разработке с практическим опытом.
Если у вас есть какие-либо вопросы, задавайте их в разделе комментариев, и наши специалисты оперативно на них ответят. Вы также можете прокомментировать свои вопросы в разделе чата, и наши специалисты ответят на них для вас.
HTML и механизмы версий | Блог W3C
Заявление об отказе от ответственности : Эта статья не представляет какого-либо консенсуса в HTML WG. Это попытка уловить различные мнения, высказанные в списке рассылки.
В апреле в списке рассылки HTML WG было много споров об управлении версиями. Должен ли новый язык HTML иметь механизм версий. Это сложная тема с интересными аргументами. Дебаты, безусловно, повлияют на обсуждения в группе технической архитектуры. Управление версиями — одна из тем, рассматриваемых в веб-архитектуре.
нет управления версиями
html — это один язык, и каждая реализация должна иметь возможность читать его содержимое, что бы ни случилось. Все будущие «версии» html никогда не должны отбрасывать то, что было сделано в прошлом. Любая программа, начинающаяся с нуля, должна реализовать все с самого начала. Семантика элемента также никогда не изменится, потому что это может нарушить замысел авторов из прошлого, которые написали в соответствии с предыдущей версией.
версия
Люди запрашивают номер версии, чтобы иметь возможность
- для переключения между двумя разными режимами рендеринга.
- автору с особыми требованиями и/или семантикой
- для преобразования одной версии в другую
- для создания вспомогательного инструмента для создания документа
- для проверки
- для развития семантики элементов и атрибутов
фрагмент html
Не существует простого способа идентификации фрагмента html, используемого в другом приложении. Атрибут версии можно сделать в корневом элементе этого html-фрагмента. Это накладывает сложное ограничение на инструмент разработки, если этот html-фрагмент изменен и необходимо добавить атрибут версии к новому корневому элементу. Например, переход от
бабар
—
babar
Авторы и версия
Автор : система/механизм версий, которые ограничены размещением в заголовке, DOCTYPE или элементе html, трудно изменить автору, не имеющему доступа к шаблону html. (например: CMS с доступом только к содержимому). С другой стороны, номер версии, доступный из тела, облегчит его изменение.
Средство разработки : Механизм изменения версии не определен в контексте преобразования. (пример: HTML-редактор X берет на себя HTML-редактор Y.)
Дизайнер шаблонов : Номер версии, который недоступен автору, может быть функцией, ограничивающей автора только заданным набором элементов.
Конвертер / Вспомогательные инструменты
Номер версии полезен для возможности конвертировать документ в/из более ранней/будущей версии языка. Полезно создать вспомогательный инструмент, который дает рекомендации в зависимости от семантики функции.
Возможный механизм синтаксиса версии
Атрибут «версия»
Атрибут версии находится в элементе html.
…
Формат «что-то» не определен, но в HTML 4.01 Как определено в HTML 4.01
Версия= cdata [CN]
Устарело. Значение этого атрибута указывает, какая версия HTML DTD управляет текущий документ. Этот атрибут был устарел, потому что он избыточен с информация о версии, предоставленная документом объявление типа.
и DTD только для HTML 4.01 Transitional !
Тогда документ HTML 4.01 Transitional будет выглядеть так:
<голова> ... <тело> ...
В HTML 3.2 DTD объявляет