Join MDN and developers like you at Mozilla's View Source conference, 12-14 September in Berlin, Germany. Learn more at https://viewsourceconf.org

Эта статья нуждается в редакционном обзоре. Как вы можете помочь.

Язык гипертекстовой разметки (HyperText Markup Language — HTML), основной строительный блок веб-страниц, используется для создания и визуального представления веб-станиц. Он определяет содержание страницы, но не её функциональность.

HTML добавляет разметку в обычный текст. Гипертекст содержит ссылки, которыми веб-страницы связываются друг с другом, делая Всемирную паутину тем, чем она является сегодня. Создавая и публикуя веб-страницы в сети Интернет, вы становитесь активным участником Всемирной паутины. HTML поддерживает как и изображения, так и другой медиаконтент. С помощью HTML каждый может создать статический, а также динимический сайт. HTML является языком, описывающим структуру и семантику содержимого веб-документа. Контент веб-страницы размечен с помощью тегов, представляющих HTML-элементы. Примерами таких элементов являются <img>, <title>, <p>, <div>, <picture> и так далее. Эти элементы формируют строительные блоки для любого веб-сайта.

Статьи, представленные здесь, содержат справочные материалы по веб-разработке.

  • Справочник по HTML

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

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

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

  • Введение в HTML

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

Справочники

Блочные элементы
Элементы HTML, как правило, блочные и строчные. Блочные элементы обычно занимают всю ширину своего родителя, формально создавая "блок" (отсюда и название).
CORS: Включённые изображения
Спецификации HTML вводят атрибут crossorigin, что, вместе с подходящим CORS заголовком, позоляет определённым через элемент <img> и загруженным с других источников изображениям, быть использованными в canvas так, как будто они загружаются с текущего источника.
CORS: Настройки атрибутов
В HTML5 у некоторых HTML-элементов, которые предоставляют поддержку CORS (например, <img> и <video>), есть атрибут crossorigin, который позволяет конфигурировать CORS-запросы для полученных элементами данных.
Контролирование правописания в формах HTML

Firefox 2 вводит поддержку проверки правописания в полях веб-форм. Пользователь может определять, проверять ли текст или нет, через about:config, проверять ли его везде или только в <textarea>.

DASH: Адаптивная трансляция HTML5 видео
Dynamic Adaptive Streaming over HTTP (DASH) — протокол адаптивной трансляции видео. Он позволяет переключаться между битрейтами без остановки воспроизведения.
Управление фокусом в HTML
В черновиках HTML5, DOM-атрибут activeElement и DOM-метод hasFocus() предоставляют возможность иметь более лучший контроль над интерактивными элементами на странице, зависящие от действий пользователя. Например, они могут быть использованы для составляения статистики: подсчёт количества кликов по ссылкам; времени, сколько активен элемент и т. д. Также они помогают минимизировать количество запросов на сервер, когда используются вместе с технологией AJAX, завися от действий пользователя и разметки страницы.
Общие атрибуты
Общие атрибуты могут быть определены на всех HTML-элементах, даже если они не описаны в стандартах. Это значит, что на любых нестандартных элементах могут быть использованы общие атрибуты, даже если документ не стандарта HTML5. Например, браузеры с поддержкой HTML5 спрячут контент, помеченный как <foo hidden>...<foo>, хотя <foo> нестандартный элемент HTML.
Руководство по атрибутам в HTML
У элементов HTML есть атрибуты — это дополнительные значения, которые настраивают элементы или регулируют их поведение различным способом, чтобы соответствовать критериям пользователей.
Руководство по элементам в HTML
На этой странице находится список всех HTML элементов.
Руководство по HTML
HTML - это язык, который описывает структуру и смысловое содержание веб-документа; он состоит из элементов, каждый из которых может быть изменён с использованием атрибутов этих элементов.
Строчные элементы
HTML-элементы обычно строчные или блочные. Строчный элемент занимает только выделенное тегами место, которые определяют этот элемент.
Типы ссылок
В HTML типы ссылок определяют отношение между двумя страницами, в которых одни ссылки передают информацию другим, используя <a>, <area> или <link>.
HTML Audio и Video
Элементы <audio> и <video> предоставляют поддержку проигрывания аудио и видео без использования плагинов.
Микроформаты
Микроформаты (иногда сокращено как μF) — это маленькие шаблоны HTML для разметки информации о людях, организациях, мероприятиях, записях в блоге, продуктах, отзывах, описаний, рецептов и т. д. Они просты во встраивании семантики в HTML и легки в предоставлении информации поисковыми системами, агрегаторами и т. д.
Оптимизация ваших страниц для ускорения парсинга
Традиционно HTML-парсер в браузерах работает на главной ветке и блокируется после тега </script>, пока скрипт не загрузится и не выполнится. HTML-парсер в Firefox 4 и новее поддерживает рискованный парсинг вне главной ветки. Он продолжает парсить, пока скрипты загружаются и выполняются. В Firefox 3.5 и 3.6 парсер начинает рискованную загрузку скриптов, стилей и изображений, когда он находит их. Однако, в Firefox 4 и новее HTML-парсер также рискованно загружает алгоритм постройки древа HTML. С одной стороны, когда риск оправдался, нет необходимости в репарсинге части, которая уже была просканирована на скрипты, стили и изображения. С другой стороны, когда риск не оправдался, HTML-парсеру достаётся больше работы.
Использования кэша приложений
HTML5 предоставляет механизм кэширования приложения, позволяющий веб-приложениям работать в автономном режиме. Разработчики теперь могут использовать интерфейс Кэша приложения (AppCache), сообщая браузеру, какие из ресурсов браузеру следует закэшировать и сделать доступными в режиме оффлайн. Закэшированные приложения загружаются и работают корректно, даже если пользователь обновляет страницу в тот момент, когда он отключён от сети.

Посмотреть всё…

Руководства и учебные материалы

Руководство по HTML для разработчиков
Статьи MDN демонстрируют определённые методики, которые вы можете использовать при построении веб-контента при помощи HTML. Там же можно найти учебные и другие материалы, которые будут не менее полезны.

Присоединись к сообществу Веб-разработки

Выбери удобный способ для общения:

Метки документа и участники

 Обновлялась последний раз: SnejUgal,