Руководства по HTML

На этой странице перечислены руководства по использованию HTML.

Категории содержимого

Большинство элементов HTML относятся к одной или нескольким категориям содержимого — эти категории объединяют элементы с общими характеристиками. Это свободная группировка (она не создаёт реальных связей между элементами этих категорий), но она помогает определять и описывать общие особенности категорий и соответствующие им правила. При этом элементы могут не относиться ни к одной из этих категорий.

Шпаргалка по синтаксису HTML и распространённым задачам

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

Понимание режимов совместимости и стандартов

На заре развития веба страницы обычно создавались в двух версиях: одна для Netscape Navigator, другая для Microsoft Internet Explorer. Когда W3C разработал веб-стандарты, браузеры не могли просто начать их использовать, поскольку это нарушило бы работу большинства существующих сайтов. Поэтому браузеры ввели два режима, чтобы обрабатывать новые сайты, соответствующие стандартам, иначе, чем старые сайты.

Использование форматов даты и времени в HTML

Некоторые элементы HTML используют значения даты и/или времени. Форматы строк, задающих эти значения, описаны в этой статье.

Использование комментариев HTML <!-- … -->

Комментарий HTML используется для добавления пояснений в разметку или для того, чтобы браузер не интерпретировал определённые части документа.

Проверка HTML-форм и API проверки ограничений

Создание веб-форм всегда было сложной задачей. Хотя разметить саму форму просто, проверить, содержит ли каждое поле допустимое и согласованное значение, сложнее, а информирование пользователя о проблеме может стать настоящей головной болью. В HTML5 появились новые механизмы для работы с формами: новые семантические типы для элемента input и проверка ограничений, упрощающая проверку содержимого формы на стороне клиента. Основные распространённые ограничения можно проверять без JavaScript, задавая новые атрибуты; более сложные ограничения можно проверять с помощью API проверки ограничений.

Использование микроразметки в HTML

Микроданные входят в стандарт HTML WHATWG и используются для добавления метаданных к существующему содержимому веб-страниц. Поисковые системы и веб-краулеры могут извлекать и обрабатывать микроданные со страницы, чтобы сделать просмотр сайтов удобнее для пользователей. Поисковые системы получают большую пользу от прямого доступа к этим структурированным данным, поскольку они позволяют понимать информацию на веб-страницах и показывать пользователям более релевантные результаты. В микроданных используется вспомогательный словарь для описания объекта и пары «имя — значение» для задания значений его свойств. Микроданные призваны предоставить декларативный способ аннотирования элементов HTML машиночитаемыми тегами, подобно таким подходам, как RDFa и классические микроформаты.

Использование микроформатов в HTML

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

Использование адаптивных изображений в HTML

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