Язык гипертекстовой разметки (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 (Язык Гипертекстовой Разметки) элементы как правило блочные ("block-level" elements) и строчные ("inline" elements). Блочные элементы, как правило, занимают всю ширину своего родителя, формально создавая "блок" (отсюда и название).
- CORS enabled image
- The HTML specification introduces a
crossorigin
attribute for images that, in combination with an appropriate CORS header, allows images defined by the<img>
element loaded from foreign origins to be used in canvas as if they were being loaded from the current origin. - CORS настройки атрибутов
- In HTML5, some HTML elements which provide support for CORS, such as
<img>
or<video>
, have acrossorigin
attribute (crossOrigin
property), which lets you configure the CORS requests for the element's fetched data. - Контролирование правописания в HTML формах
- Firefox 2 introduces spell checking support to text areas and text fields in web forms. The user can specify using the about:config interface whether or not spellchecking is enabled and whether to check both text areas and text fields or only text areas.
- DASH Adaptive Streaming for HTML 5 Video
- Dynamic Adaptive Streaming over HTTP (DASH) is an adaptive streaming protocol. This means that it allows for a video stream to switch between bit rates on the basis of network performance, in order to keep a video playing.
- Управление фокусом в HTML
- In the HTML5 working draft, the
activeElement
DOM attribute and thehasFocus()
DOM method give the programmer the ability to have better control of the interactivity of the page due to the user's actions. For example, both of them can be used for statistical usage purposes, tracking the number of clicks on certain links of a page, measuring the amount of time an element is focused, and so forth. In addition, when combined with AJAX technology, they help minimize the number of requests to the server, depending on the user activity and the page layout. - Общие атрибуты
- Global attributes may be specified on all HTML elements, even those not specified in the standard. That means that any non-standard elements must still permit these attributes, even though using those elements means that the document is no longer HTML5-compliant. For example, HTML5-compliant browsers hide content marked as
<foo hidden>...<foo>
,
even though<foo>
is not a valid HTML element. - Руководство по атрибутам в HTML
- У элементов HTML есть атрибуты; это дополнительные значения, которые настраивают элементы или регулируют их поведение различным способом, чтобы соответствовать критериям пользователей.
- Руководство по элементам в HTML
- На этой странице находится список всех HTML элементов.
- Руководство по HTML
- HTML - это язык, который описывает структуру и смысловое содержание веб-документа; он состоит из элементов, каждый из которых может быть изменён с использованием атрибутов этих элементов.
- Строчные элементы
- HTML (Hypertext Markup Language) elements are usually "inline" elements or "block-level" elements. An inline element occupies only the space bounded by the tags that define the inline element. The following example demonstrates the inline element's influence:
- Типы ссылок
- In HTML, the following link types indicate the relationship between two documents, in which one links to the other using an
<a>
,<area>
, or<link>
element. - Форматы медиа поддерживаемые HTML audio и video элементами
<audio>
и<video>
элементы предоставляют поддержку для проигрывания аудио и видео без необходимости использования плагинов.- Микроформаты
- Microformats (sometimes abbreviated μF) are small patterns of HTML for marking up entities like people, organizations, events, locations, blog posts, products, reviews, resumes, recipes, etc.
They are simple conventions to embed semantics in HTML and quickly provide an API to be used by search engines, aggregators, and other tools. - Оптимизация ваших страниц для ускорения парсинга
- 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://stackoverflow.com/questions/tagged/html|HTML topics|Visit Stack Overflow, a collaboratively built and maintained Q&A site. See if you can find an answer; if not, you can ask your question there.")}}