Спецификация — это совокупность всех правил языка программирования, собранных в единый документ. Спецификации создаются в специальных организациях — W3C, WHATWG, Ecma International, OpenJS Foundation и других.

🚀 Сегодня вам бесплатно доступен тренажёр по HTML и CSS.

Спецификация HTML

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

Цель спецификации — создать единый язык разметки веб-страниц, который будет работать на всех платформах и устройствах.

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

HTML-спецификация

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

Каждое обновление в спецификации сопровождается подробной документацией и примерами использования. Новые элементы и атрибуты сразу же добавляются в HTML Living Standard. Например, в марте 2023 года появился новый тег <search> для создания элемента поиска на веб-сайте или в приложении.

Спецификация CSS

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

Раньше CSS-спецификация развивалась в едином документе. На версии 2.1 стало понятно, что спецификация получается слишком громоздкой, её трудно поддерживать. Поэтому приняли решение разбить её на части.

Теперь каждая часть спецификации, которая является обновлением версии 2.1, например, Color, развивается по уровням — Level 3, Level 4, Level 5. Если же часть абсолютно новая, например, Transform, то отсчёт начинается с Level 1 и идёт по порядку.

Все спецификации по CSS

Как работать со спецификацией на примере HTML Living Standard

Ознакомьтесь с общей структурой документа. HTML Living Standard состоит из разделов, которые относятся к различным составляющим HTML.

Структура спецификации

Изучайте поэтапно. В спецификации собрана вся информация об актуальных тегах и их атрибутах. Выберите часть тегов, которые важно освоить в первую очередь. Дайте себе достаточно времени, чтобы прочитать их документацию, познакомиться со всеми атрибутами и особенностями. Затем переходите к следующим.

Смотрите примеры использования. Спецификация содержит множество примеров кода, которые помогут вам лучше понять, как применять теги на практике.

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

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

Совет по работе с CSS-спецификацией

Читайте спецификацию в статусе Editor’s Draft — это текущая рабочая версия документа, над которым ещё продолжается работа редакторов.

Создатели браузеров ориентируются на Editor’s Draft, чтобы получить информацию об изменениях и функциях, которые будут добавлены в следующей версии спецификации.

Чтение Editor’s Draft помогает разработчикам лучше понимать, какие новые функции и изменения будут внедрены в будущих версиях стандарта, чтобы поддерживать свои приложения и сайты.

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

Если вы только начинаете изучать HTML и CSS, рекомендуем почитать наш небольшой справочник, который даст вам уверенную базу по тегам и их использованию.

Ссылки на спецификации: