Artem Gorev

Мой дорогой дневничок


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

Стандарт HTML

HTML это стандарт определенный WHATWG (Web Hypertext Application Technology Working Group), организацией, состоящей из людей которые работают над популярными веб браузерами, такими как Mozilla, Google, Apple, Microsoft. В прошлом W3C (World Wide Web Consortium) была организацией ответственной за создание и поддержание стандарта HTML. Управление было передано от W3C к WHATWG, когда стало понятно то что W3C хочет развивать XHTML, который оказался не очень удачной идеей. История началась в начале 2000х, когда мы все думали что будущее Web это XML. HTML преобразовался из SGML подобного языка в XML. Это был большой шаг. Появилось больше правил, язык стал строже. Намного строже. Но к счастью разработчики браузеров поняли, что это неправильный путь развития Web’a и решили сделать шаг назад, создав то что мы сейчас знаем как HTML5. W3C не хотела передавать управление HTML в чьи-либо еще руки, в результате мы имели два разных стандарта. И только в 28 мая 2019 произошло событие, W3C официально признала правильной версией HTML стандарт от WHATWG. Читатель возможно заметит то что был упомянут HTML5, а как же предыдущие версии. Самая первая версия вышла в 1993 году. HTML2 последовала в 1995. HTML3 появилась в январе 1997, а в декабре того же года свет увидел HTML4. Прошло больше 20 лет и появился HTML5, который является уже не только языком разметки, а нечто большее.

Термин HTML5 подразумевает набор технологий, таких как язык разметки, набор различных API, WebGL, SVG и т.д. Следует понимать что больше нет такого понятия как версия HTML, это живой стандарт, который состоит из разных технологий, которые развиваются параллельно. Текст стандарта можно получить по следующей ссылке: [https://html.spec.whatwg.org/multipage].

Основы HTML

HTML это язык разметки, мы используем его для структурирования содержимого наших страниц, которые потом смотрим в Сети. Браузер может получить HTML разными путями. Он может быть сгенерирован с помощью серверного приложения, на основе HTTP запроса. Примеры фреймворков: Ruby on Rails, Laravel, Django, ASP.NET. Клиентское JavaScript приложение может сгенерировать HTML страницу “на лету”. Примеры: Angular, React, Vue, Svelte. Самый простой вариант это обычный файл, который браузер загружает с сервера. Давайте углубимся немного в HTML с помощью последнего способа и разберем основные базовые понятия. По соглашению, HTML файлы должны иметь расширение .html или .htm. Внутри файла, все структурировано с помощью тегов. Теги окружают данные, каждый тег имеет свое особое предназначение. Приведу примеры некоторых тегов. Чтобы создать параграф нужно использовать тег <p>...</p>.

<p> Параграф текста </p>

Следующий пример, покажет как создать список элементов, так называемый неупорядоченный список:

<ul>
	<li>Первый </li>
	<li>Второй </li>
	<li>Третий </li>
</ul>

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