HTML (Hypertext Markup Language - язык гипертекстовой разметки) - самый базовый строительный блок Всемирной паутины (WWW или просто Web). Он определяет семантику и структуру веб-контента. Другие технологии, помимо HTML, обычно используются для описания внешнего вида/представления (CSS) или функциональности/поведения (JavaScript) веб-страницы.
"Hypertext" (гипертекст) - это ссылки, которые соединяют веб-страницы друг с другом, либо внутри одного веб-сайта или между веб-сайтами. Ссылки являются фундаментальным аспектом Всемирной паутины. Загружая контент в Интернет и связывая его со страницами созданными другими людьми, вы становитесь активным участником Всемирной паутины.
HTML использует "разметку" для отображения в браузере: текста, изображений и другого контента. HTML-разметка включает в себя специальные "элементы", такие как <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output>, <progress>, <video> и многие другие.
HTML-элемент выделяется из прочего текста в документе с помощью "тегов", которые состоят из имени элемента окруженного "<" и ">". Имя элемента внутри тега не чувствительно к регистру. То есть, оно может быть написано в верхнем или нижнем регистре, или смешано. Например, тег <title> может быть записан как <Title>, <TITLE>, или любым другим способом.
Статьи, представленные ниже, могут помочь вам узнать больше об HTML.
- Введение в HTML
Если вы новичок в веб-разработке, обязательно прочитайте нашу статью "Основы HTML", чтобы узнать, что такое HTML и как его использовать.
- Руководства по HTML
Если вам нужны статьи о том, как использовать HTML, а также учебные пособия и примеры, ознакомьтесь с нашей областью обучения HTML.
- Справка по HTML
В нашем обширной справке по HTML вы найдете подробности о каждом элементе и атрибуте в HTML.
Руководства для начинающих
Наша область обучения HTML содержит множество модулей, которые обучают HTML с нуля - начальные знания не требуются.
- Введение в HTML
- Этот модуль закладывает основу, знакомя вас с важными понятиями и синтаксисом, такими как применение HTML к тексту, создание гиперссылок и использование HTML для построения веб-страницы.
- Мультимедиа и встраивание
- В этом модуле рассматривается, как использовать HTML для добавления мультимедиа на ваших веб-страницах, в том числе различные способы, которыми может быть добавлено изображение, а также встраивание видео, аудио, и даже других веб-страниц.
- HTML-таблицы
- Представление табличных данных на веб-странице в понятной, доступной форме может быть проблемой. Этот модуль охватывает базовую табличную разметку, а также более сложные особенности, такие как добавление заголовков и описаний.
- HTML-формы
- Формы являются очень важной частью Всемирной паутины - они предоставляют большую часть функциональности, которая вам нужна для взаимодействия с веб-сайтами, например регистрация и вход на сайт, отправка отзыва, покупка товаров, и многое другое. Этот модуль поможет вам начать с создания клиентских (client-side/front-end) частей форм.
- Используйте HTML для решения распространенных задач.
- Содержит ссылки на разделы, объясняющие как использовать HTML для решения самых распространенных задач при создании веб-страницы: работа с заголовками, добавление изображений или видео, выделение контента, создание базовой формы и т.д.
Продвинутые темы
- CORS: включенные изображения
- Атрибут
crossoriginв сочетании с соответствующим заголовком CORS, позволяет загружать изображения, определенные элементом<img>, из внешних источников и использовать в элементе<canvas>, как если бы они были загружены из текущего источника. - CORS: Настройки атрибутов
- Некоторые элементы HTML, предоставляющие поддержку CORS, такие как
<img>или<video>, имеют атрибутcrossorigin(свойствоcrossOrigin), который позволяет вам настраивать CORS-запросы для получаемых элементом данных. - Управление фокусом в HTML
- Атрибут DOM
activeElementи метод DOMhasFocus()помогают отслеживать и контролировать взаимодействие пользователя с элементами на веб-странице. - Использование кэша приложений
- Кэширование приложений позволяет веб-приложениям работать автономно (оффлайн). Вы можете использовать интерфейс Кэша приложения (AppCache), чтобы указать ресурсы, которые браузер должен кэшировать и сделать доступными для автономных пользователей. Кэшированные приложения загружаются и работают правильно, даже если пользователи нажимают кнопку обновления, когда они находятся оффлайн.
- Предварительная загрузка контента при помощью rel="preload"
- Значение
preloadатрибутаrelэлемента<link>позволяет вам объявлять запросы на выборку (получение) в своем HTML<head>, указывая ресурсы, которые будут нужны вашим страницам вскоре после загрузки и которые вы хотите начать загружать на раннем этапе жизненного цикла страницы, до того как запустится основной механизм рендеринга (отрисовка, визуализация) браузера. Это гарантирует что они станут доступными раньше и с меньшей вероятностью заблокируют первый рендеринг страницы, что приведет к улучшению производительности. Эта статья предоставляет начальное руководство по работе сpreload(предзагрузкой).
Справочники
- Справка по HTML
- HTML состоит из элементов, каждый из которых может быть изменен некоторым количеством атрибутов. HTML-документы связаны между собой ссылками.
- Справка по HTML-элементам
- Смотреть список всех элементов HTML.
- Справка по HTML-атрибутам
- У элементов в HTML есть атрибуты. Это дополнительные величины, которые настраивают элементы или управляют их поведением различными способами.
- Глобальные атрибуты
- Глобальные атрибуты могут быть указаны для всех элементов HTML, даже тех, которые не указаны в стандарте. Это означает, что любые нестандартные элементы обязаны по-прежнему разрешать эти атрибуты, даже если эти элементы делают документ несовместимым с HTML5.
- Строчные и блочные элементы
- Элементы HTML являются обычно "строчными" или "блочными". Строчный элемент занимает только пространство, ограниченное тегами, которые его определяют. Блочный элемент занимает все пространство своего родительского элемента (контейнера), тем самым создавая "блок".
- Типы ссылок
- В HTML различные типы ссылок могут использоваться для установления и определения связи между двумя документами. Элементы-ссылки, типы которых могут быть заданы, включают в себя
<a>,<area>и<link>. - Поддержка медиа-форматов с помощью HTML-элементов audio и video
- Элементы
<audio>и<video>позволяют вам воспроизводить аудио и видео. Эти элементы предоставляют браузерную альтернативу аналогичным возможностям, которые есть в Adobe Flash и других плагинах. - Виды HTML-контента
- HTML состоит из нескольких видов контента, каждый из которых разрешено использовать в определенных контекстах и запрещено в других. Так же, у каждого есть набор других категорий контента, которые они могут содержать, и элементы, которые могут или не могут использоваться в них. Это руководство по этим категориям.
- Режим совместимости и стандартный режим
- Историческая справка по режиму совместимости и стандартному режиму.
Похожие темы
- Применение цвета к HTML-элементам с помощью CSS
- Эта статья охватывает большинство способов использования CSS для добавления цвета к HTML-контенту, а также перечисляются, какие части документов HTML могут быть окрашены, и какие свойства CSS использовать при этом. Включает примеры, ссылки на инструменты для создания палитры и многое другое.
Присоединяйтесь к сообществу Web layout
- Stack Overflow: HTML topics