История развития HTML • Vertex Academy

17 июня, 201617 января, 2018
Vertex Academy

html что это,история развития html,история создания html

Данная статья написана командой Vertex Academy. Это одна из статей из нашего Самоучителя по HTML&CSS. Надеемся, что данная статья Вам будет полезна. Приятного прочтения!

Краткая предыстория

Давным давно, практически на заре цивилизации (до 70-х годов XX века), не было интернета. Вообще не было.

С появлением компьютеров появилось желание и потребность как-то их объединить, и 4 крупных университета США взялись за эту задачу. Примерно 7 лет прошло от создания концепции до исторического момента:

29 октября 1969 года был проведен сеанс связи между двумя первыми узлами сети ARPANET, на расстоянии в 640 км: в Калифорнийском университете и в Стэнфордском исследовательском институте. Ученый из Лос-Анджелеса подключился удаленно к компьютеру в Стэнфорде. Стэнфордский коллега видел, как появляются на экране символы, введенные на расстоянии, и подтверждал по телефону передачу каждой буковки. Таким образом началась эпоха компьютерных сетей.

Долгое время Интернет был предназначен только для специалистов и служил в основном для обмена технической документации и имейлами. Простому пользователю делать там было нечего. И только в начале 90-х прошлого века произошла революция «интернет-народу!» 🙂

1991 год

Британец Тимоти Джон Бернерс-Ли в Женевском ЦЕРНе изобрел язык гипертекстовой разметки, он же HyperText Markup Language, он же HTML, предназначенный для разметки и оформления документов World Wide Web.

Ах да! Еще Сэр Тим разработал глобальный гипертекстовый проект (сейчас Вы его знаете как Всемирную паутину). Собственно, HTML и родился в процессе работы над этим проектом.

Язык HTML 

HTML это наследник SGML, вот только создавался он для того, чтобы им могли пользоваться и люди-неспециалисты в области верстки. Т.е. уже с первых дней у HTML были такие плюсы:

• Простота — за счет небольшого набора структурных элементов – дескрипторов (они же «теги»). Все теги пишутся в угловых скобках, напр. <img> и несут какую-то смысловую нагрузку
• Возможность форматировать документ без привязки к средствам отображения (будь то монитор компьютера, экранчик телефона, или ридер)

И как вы уже, наверное, догадались, первый в мире веб-сайт создал тоже Тим Бернерс-Ли 🙂 И если точная дата изобретения HTML не известна (т.к. это был долгосрочный проект), то день рождения первого сайта очень даже — это было 6 августа 1991 года. Кстати, его можно увидеть и сегодня, правда уже в архиве.

Полагаю, все веб-разработчики с полным правом могут считать именно 6 августа своим профессиональным праздником 🙂

Как вам понравилась первая веб-страница? 🙂 Думаю, большинству из вас не захотелось её читать и уж тем более оставаться там надолго. Создатели тоже понимали, что это только начало, и пошло поехало:

Июнь 1993 — HTML 1.2

В этой версии, из её сорока с копейками тегов уже появилось аж 3 тега, которые намекали на какое-то визуальное оформление документа (например, полужирный курсив). Остальные же теги служили исключительно для логической разметки.

1994 год — основание W3C

Сэр Тим Бернерс-Ли основал Консорциум Всемирной Паутины (World Wide Web Consortium, W3C). Миссией W3C было и остается

Полностью раскрыть потенциал Всемирной паутины, путём создания протоколов и принципов, гарантирующих долгосрочное развитие Сети

Огромная заслуга этих ребят принадлежит в том, что HTML был выпущен с единым базовым набором тегов и атрибутов и веб-страницы стали такими, какими мы их знаем сейчас. Только представьте, в середины девяностых, несколько крупнейших производителей ПО планировали выпустить свои версии HTML со своими названиями тегов. Какая каша была бы сейчас в сфере веб-разработки! Например объявления о работе: «Ищем верстальщика для создания сайтов в Mozilla Firefox», «Срочно требуется верстальщик для Edge», «Нужен верстальщик для Kindle»… словом, спасибо W3C 🙂

22 сентября 1995 – Версия 2.0

Процесс разработки и утверждения новой версии был очень неспешным, а единственным заметным улучшением новой версии стали:

• Запросы: например поиск по ключевым словам.
• Формы для передачи данных с компьютера на сервер: например ввести дату рождения или выбрать один из нескольких вариантов в опроснике.

Март 1995 – начало работы над HTML 3.0

Первый вариант стандарта включал в себя много интересностей:

• теги для создания таблиц,
• разметки математических формул,
• обтекание изображений текстом и др.

Авторы вдруг вспомнили, что по своей идее HTML должен только размечать структуру документа и не должен содержать параметры графических стилей отображения элементов в браузере.

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

И чтобы это противоречие не изменило первоначальные свойства HTML, создатели третьей версии решили добавить к ней поддержку нового средства, которое служило для оформления веб-страниц.

17 декабря 1996 – CSS

CSS (Cascading Style Sheets), а по-русски – иерархические стилевые спецификации. Думаю, понятней не стало?)) Если совсем уж по-русски, то это таблицы стилей, которые присоединяются к документу HTML и служат для визуального оформления тех или иных частей документа.

Итак, система CSS:

• формально не зависит от HTML,
• у неё свой, отличный от HTML, синтаксис,
• На неё не влияют идеологические ограничения HTML,
• Она позволяет задавать параметры внешнего представления для любого тега HTML.

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

Чтобы наглядно продемонстрировать чудеса, на которые способен CSS, канадец Дейв Ши создал сад CSS дзена – место, где сотни веб-разработчиков медитируют верстая одну и ту же HTML-страницу с абсолютно разными стилями CSS

Влияние Microsoft

А тем временем, в далекой-далекой галактике… Microsoft заметил стремительный взлет компании Netscape на продаже браузеров Navigator и конечно же, не мог стоять в стороне. В MS слегка переработали браузер Mosaic и начали выпускать свои эксплореры, которые поначалу не очень полюбились пользователям (да и не только поначалу;)).

В августе 1996 была создана версия Internet Explorer 3.0 Браузер предлагал значительные нововведения на то время и обрел популярность, что поделило рынок браузеров пополам между Netscape Communications и Microsoft.

И в это же время Microsoft взял под свою опеку W3C.

14 января 1997 – HTML 3.2

Версия 3.2 вышла спустя месяц после утверждения CSS, и была уже полностью приспособлена к взаимодействию с таблицами стилей.

В ней были опущены многие нововведения версии 3.0, но добавлены нестандартные элементы, поддерживаемые браузерами Netscape Navigator и Internet Explorer 3.

18 декабря 1997 – HTML 4.0

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

Новая версия включала поддержку фреймов, скриптов, общую процедуру внедрения разных объектов. Также в ней были усовершенствованы таблицы и формы, что кроме прочих плюсов обеспечивало большую доступность для людей с физическими недостатками.

Версия HTML 4 была разработана с помощью экспертов в области интернационализации, таким образом стало возможно писать документы на любом языке и легко передавать их по всему миру.

24 декабря 1999 – HTML 4.01

В этой версии слегка подправили объекты, формы и изображения, пофиксили баги и в целом создали более стабильную версию, которой пользовались веб-разработчики более 10 лет.

Рабочая группа WHAT

2004 год: Швейцарский программист Ян Хиксон (на тот момент разработчик в Opera) и несколько представителей таких компаний как Mozilla, Google и Apple, основал рабочую группу под названием WHATWG (Web Hypertext Application Technology Working Group).

Поводом для создания подобного сообщества стал тот факт, что W3C на тот момент потерял интерес к HTML и занялся развитием XML, а на его основе — расширяемого языка гипертекстовой разметки XHTML. Не будем углубляться в детали, т.к. на данный момент этот язык перестал развиваться.

Два года W3C и WHAT Working Group работали каждый над своим проектом. Но позже стало видно, что WHAT Working Group достигает каких-то результатов, тогда как XHTML 2 так и не реализовался.

И в 2006 году Тим Бернерс-Ли объявил, что W3C и WHATWG будут вместе работать над дальнейшим развитием HTML.

28 октября 2014 – HTML5

C этого дня W3C официально рекомендует использовать HTML5. 

• Новая версия сделала синтаксис более строгим по сравнению с предыдущей
• Улучшилась поддержка мультимедиа-технологий
• Появились 28 новых структурных элементов, благодаря которым код стал более понятным
• Исключена еще часть устаревших тегов
• Стало больше внимания уделяться поддержке скриптов, например javascript

На данный момент развитие HTML продолжается…

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

Может, скоро и вы станете одним из них?

И напоследок, минутка юмора:

Оптимист учит английский, Пессимист — китайский, а реалист учит html.

Будьте реалистами 😉

Как менялся 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

1993 – настоящее время

Первая версия HTML была написана Тимом Бернерсом-Ли в 1993 году. С тех пор появилось множество различных версий HTML. Наиболее широко используемой версией в 2000-х годах была HTML 4.01 , которая стала официальным стандартом в декабре 1999 года.

Другая версия, XHTML , была переписана HTML как язык XML. XML — это стандартный язык разметки, который используется для создания других языков разметки. Сегодня используются сотни XML-языков, включая GML (язык географической разметки), MathML, MusicML и RSS (Really Simple Syndication). Поскольку каждый из этих языков был написан на общем языке (XML), их содержимое можно легко использовать в разных приложениях. Это делает XML потенциально очень мощным, и неудивительно, что W3C создал XML-версию HTML (опять же, называемую XHTML). XHTML стал официальным стандартом в 2000 году и был обновлен в 2002 году. XHTML очень похож на HTML, но имеет более строгие правила. Для всех языков XML необходимы строгие правила, поскольку без них взаимодействие между приложениями было бы невозможно. Вы узнаете больше о различиях между HTML и XHTML в Разделе 2.

Большинство страниц в Интернете сегодня были созданы с использованием HTML 4.01 или XHTML 1.0. Однако в последние годы W3C (в сотрудничестве с другой организацией, WHATWG) работает над совершенно новой версией HTML, HTML5 . В настоящее время (2011 г.) HTML5 все еще находится в стадии проекта спецификации и еще не является официальным стандартом. Однако он уже широко поддерживается браузерами и другими устройствами с доступом в Интернет, и за ним будущее. Таким образом, HTML5 является основным языком, изучаемым в этом курсе .

Примеры типов содержимого, которое можно включить на веб-страницы

В следующей таблице приведен список многих типов содержимого, которое можно добавить на веб-страницы с помощью различных версий HTML. На заре Интернета HTML (версия 1.2) был очень простым, но со временем были выпущены новые версии, которые добавляли все больше и больше возможностей. Тем не менее, если веб-дизайнеры хотели добавить контент или функции, не поддерживаемые HTML, им пришлось бы делать это с помощью нестандартных проприетарных технологий, таких как Adobe Flash. Эти технологии требуют от пользователей установки подключаемых модулей браузера, а в некоторых случаях означают, что некоторые пользователи не смогут получить доступ к содержимому (например, iPhone и iPad не поддерживают Flash).

В HTML5 добавлена ​​поддержка многих новых функций, которые позволят делать больше с HTML, не полагаясь на нестандартные проприетарные технологии.

История HTML (с диаграммой)

❮ ПредыдущийСледующий ❯

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

Самый популярный язык разметки среди разработчиков HTML был запущен в CERN в 1989 году сэром Тимом Бернерсом-Ли для создания гипертекстовой системы для Интернета.

HTML был впервые запущен в 1991 году с первой версией языка HTML 1.0 , выпущенной в том же году. Первая версия HTML называлась HTML 1.0 Strict и была выпущена в 1993 году.

Затем в 1994 году был выпущен

HTML со второй версией языка, HTML 2.0 , которая была выпущена в 1995 году. Вторая версия HTML называлась HTML 2.0 Transitional и была выпущена в 1997 году.

Что такое HTML?

Полная форма HTML: Язык гипертекстовой разметки . Это язык разметки, который используется для создания веб-страниц. HTML — это подмножество языка XHTML , который используется для создания корректных XML-документов.

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

Наименьшая единица HTML называется тегом . Тег — это фрагмент кода, который сообщает браузеру, как отображать определенную часть страницы. Например, тег

указывает браузеру отображать текст внутри тега как заголовок.

История HTML

В 1980 году физик по имени Тим Бернерс-Ли придумал систему, в которой можно было бы хранить документы и делиться ими с исследователями ЦЕРН.

Идея заключалась в том, чтобы создать систему, в которой исследователи могли бы создавать документы и делиться ими с другими исследователями. Документы будут храниться на сервере, и исследователи смогут получить к ним доступ через веб-браузер.

Затем, в 1989 году, он составил обновленную версию, предлагающую Интернет-систему гипертекста для глобальных компьютеров. Идея Тима Бернерса-Ли заключалась в модели, в которой пользователи могут переходить от одного набора информации на компьютере к другому набору информации на другом компьютере.

Примечание. Гипертекстовая система — это сеть текстовых документов, соединенных гиперссылкой и позволяющая переходить от одного документа к другому с помощью некоторого действия, например щелчка мыши.

Тим Бернерс-Ли написал браузер и серверное программное обеспечение для HTML в 1990 году.

Бернерс-Ли и еще один инженер по системам данных в 1990 году сотрудничали, чтобы запросить финансирование, но ЦЕРН отклонил проект.

В конце 1991 года Тим Бернер-Ли опубликовал описание HTML в документе под названием HTML-теги.

В первой версии HTML было 18 элементов, на которые в основном повлиял SGML (стандартный обобщенный язык разметки), за исключением гиперссылки . 11 из этих 18 элементов существуют в HTML4.

Основные характеристики для каждого элемента были определены в браузерах, и эти характеристики можно изменить и улучшить с помощью CSS.

Версии HTML

Давайте посмотрим список различных версий HTML с их временной шкалой и функциями.

• 1991 — Тим Бернерс-Ли создал HTML 1.0
• 1993:-
  • HTML 1.0 был впервые выпущен в 1993 году для разработчиков
  • тогда не многие разработчики создавали веб-сайты, поэтому в то время он развивался медленно
  • Только эта версия имел основные теги, такие как текст, даже таблицы и шрифты были недоступны в этой версии
• 24 ноября 1995 г. — В этом году был опубликован HTML 2.0. Все функции HTML 1.0 были унаследованы в HTML 2.0, а также были добавлены новые функции. До выпуска HTML 3.0 он оставался стандартным языком разметки для создания веб-сайтов.
• 14 января 1997 г.: —
  • HTML 3.2 был опубликован в 1997 г. как рекомендация W3C
  • . Это была первая версия HTML, разработанная W3C. Важной вещью, которая была добавлена ​​в эту версию, была поддержка CSS
• 1999: —
  • HTML 4.01 был опубликован как рекомендация W3C 14 декабря 1999 г.
  • Эта версия была самой успешной из всех предыдущих выпущенных версий HTML.
  • В этой версии были добавлены такие функции, как мультимедиа, сценарии, улучшенные функции печати и многое другое.
  • После выпуска HTML 4.01 в течение многих лет не выпускалось ни одной новой версии HTML, поскольку рабочая группа HTML W3C была занята созданием языка. выпущен 28 октября 2014 г. как рекомендация W3C
  • . Это была расширенная версия HTML 4.01, опубликованная в 2012 г.
  • В эту версию добавлено много новых тегов, таких как
    
    ,