HTML — это уровень документа в Интернете, обеспечивающий структуру и контент, необходимые для того, чтобы веб-страницы имели смысл. Здесь вы можете найти контент для HTML, такой как курсы, статьи, сборники и другую полезную информацию, которая поможет вам расширить свои знания об этой важной части Интернета.
Впервые в HTML? Мы подготовили для вас комплексный курс, который поможет вам начать работу.
Ознакомьтесь с другими курсами, чтобы глубже изучить конкретные темы HTML.
Узнайте о новейших функциях HTML, которые теперь доступны во всех основных браузерных движках.
Изучите шаблоны и концепции HTML, которые помогут вам создавать более доступные веб-приложения.
Изучите концепции и шаблоны на основе HTML, позволяющие ускорить работу веб-приложений.
Узнайте, как использовать Chrome DevTools для отладки HTML и DOM в ваших веб-приложениях.
КУРС

Если вы новичок в HTML, мы вам поможем. Наш курс «Изучение HTML» знакомит вас с основами работы HTML, такими как структурные проблемы, метаданные, семантика и другие темы, которые помогут вам отточить свои навыки.

Изучите HTML!

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

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

Базовый уровень сигнализирует веб-разработчикам, когда функции веб-платформы можно безопасно использовать во всех основных браузерных движках. Вот некоторые функции HTML, которые теперь доступны в базовой версии.
Декларативный теневой DOM стал базовым, доступным в 2024 году.

API-интерфейс Поповера

API Popover стал базовой версией, доступной в 2024 году.
inert атрибут стал базовым, впервые доступным в 2023 году.
Отложенная загрузка iframe стала базовой версией, доступной в 2023 году.

HTML является фундаментальной частью создания доступных веб-приложений. В этом разделе вы найдете статьи и ресурсы, которые помогут вам больше узнать о том, как использовать HTML для создания доступных веб-приложений.
Используя правильные элементы для заголовков и ориентиров, вы можете значительно улучшить навигацию для пользователей вспомогательных технологий.
Узнать больше
Используя правильные семантические элементы HTML, вы сможете удовлетворить большинство или все ваши потребности в доступе с клавиатуры. Это означает меньше времени на работу с tabindex и больше довольных пользователей!
Узнать больше
Многие пользователи с временными и постоянными нарушениями моторики полагаются на сочетания клавиш для более эффективной навигации по приложениям. Наличие хорошей стратегии навигации с помощью клавиатуры для вашего приложения повышает удобство работы для всех.
Узнать больше
Чтобы программа чтения с экрана могла представить пользователю голосовой пользовательский интерфейс, значимые элементы должны иметь соответствующие метки или текстовые альтернативы. Альтернатива метки или текста дает элементу доступное имя, одно из ключевых свойств для выражения семантики элемента в дереве доступности.
Узнать больше

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

Chrome DevTools — это набор инструментов для разработчиков для отладки веб-приложений. Вот несколько предлагаемых инструментов, которые помогут вам отладить HTML и DOM вашей страницы в ваших веб-приложениях, а также другие смежные концепции.
DevTools предлагает панель «Элементы», которая позволяет просматривать, редактировать и отлаживать DOM вашего веб-приложения. Прочтите это руководство, чтобы начать работу с панелью «Элементы».
Узнать больше
Панель «Элементы» в DevTools позволяет отслеживать изменения в DOM, запускаемые JavaScript. Узнайте, как использовать эту полезную функцию для отладки изменений в DOM вашего веб-приложения.
Узнать больше

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

Панель «Покрытие» — полезный инструмент для поиска неиспользуемого кода CSS и JavaScript, загруженного в HTML-код вашего веб-приложения. В этом руководстве показано, как его использовать и как оно может повысить производительность ваших веб-приложений.
Узнать больше