Язык гипертекстовой разметки (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. Там же можно найти учебные и другие материалы, которые будут не менее полезны.
Присоединяйтесь к сообществу Веб-разработки
- Stack Overflow: Вопросы по HTML