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

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

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

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

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

Эксклюзивные аккордеоны стали Baseline Newly доступны в сентябре 2024 года.
Декларативный теневой DOM стал базовым, доступным в феврале 2024 года.
API Popover стал базовой версией, доступной в апреле 2024 года.
Инертный атрибут стал базовым, впервые доступным в апреле 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 вашего веб-приложения.
Панель «Покрытие» — полезный инструмент для поиска неиспользуемого кода CSS и JavaScript, загруженного в HTML-код вашего веб-приложения. В этом руководстве показано, как его использовать и как оно может повысить производительность ваших веб-приложений.