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-код вашего веб-приложения. В этом руководстве показано, как его использовать и как оно может повысить производительность ваших веб-приложений.