Язык гипертекстовой разметки (HyperText Markup Language — HTML), основной строительный блок веб-страниц, используется для создания и визуального представления веб-станиц. Он определяет содержание страницы, но не её функциональность.
HTML добавляет разметку в обычный текст. Гипертекст содержит ссылки, которыми веб-страницы связываются друг с другом, делая Всемирную паутину тем, чем она является сегодня. Создавая и публикуя веб-страницы в сети интернет, вы становитесь активным участником Всемирной паутины. HTML поддерживает как изображения, так и другой медиаконтент. С помощью HTML каждый может создать статический, а также динимический сайт. HTML является языком, описывающим структуру и семантику содержимого веб-документа. Контент веб-страницы размечен с помощью тегов, представляющих HTML-элементы. Примерами таких элементов являются {{HTMLElement("img")}}, {{HTMLElement("title")}}, {{HTMLElement("p")}}, {{HTMLElement("div")}},{{HTMLElement("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 и легки в предоставлении информации поисковыми системами, агрегаторами и т. д.
- Оптимизация ваших страниц для ускорения парсинга
- Traditionally in browsers the HTML parser has run on the main thread and has blocked after a
</script>
tag until the script has been retrieved from the network and executed. The HTML parser in Firefox 4 and later supports speculative parsing off the main thread. It parses ahead while scripts are being downloaded and executed. As in Firefox 3.5 and 3.6, the HTML parser starts speculative loads for scripts, style sheets and images it finds ahead in the stream. However, in Firefox 4 and later the HTML parser also runs the HTML tree construction algorithm speculatively. The upside is that when a speculation succeeds, there's no need to reparse the part of the incoming file that was already scanned for scripts, style sheets and images. The downside is that there's more work lost when the speculation fails. - Использования кэша приложений
- HTML5 предоставляет механизм кэширования приложения, позволяющий веб-приложениям работать в автономном режиме. Разработчики теперь могут использовать интерфейс Кэша приложения (AppCache), сообщая браузеру, какие из ресурсов браузеру следует закэшировать и сделать доступными в режиме оффлайн. Закэшированные приложения загружаются и работают корректно, даже если пользователь обновляет страницу в тот момент, когда он отключён от сети.
Руководства и учебные материалы
- Руководство по HTML для разработчиков
- Статьи MDN демонстрируют определенные методики, которые вы можете использовать при построении веб-контента при помощи HTML. Там же можно найти учебные и другие материалы, которые будут не менее полезны.
{{CommunityBox("Web layout", "dev-tech-layout", "mozilla.dev.tech.layout", "", "Stack Overflow|https://ru.stackoverflow.com/questions/tagged/html|Вопросы по HTML|Посетите Stack Overflow, совместно построенный и поддерживаемый Q&A сайт. Посмотрите ответ на Ваш вопрос, и если его нет, то вы можете задать свой вопрос.")}}