На этой странице собраны все элементы HTML. Они сгруппированы по функциям, чтобы помочь вам найти то, что вам нужно для реализации ваших идей. Хотя это руководство написано для относительных новичков в программировании, мы хотим, чтобы оно было полезным для всех.
Основные элементы
Основные элементы являются основой любого HTML документа. Вы увидите эти элементы в исходном коде для всех веб-страниц после задания типа документа на первой строке на странице. DOCTYPE определяет, какую версию (X) HTML эта страница использует. Элементы страницы находятся между открывающим тегом <HTML> и закрывающим </ HTML>. Элемент<html> называется корневым элементом.
| Элемент |
Описание |
<html> |
Корневой элемент HTML-документа (<html>). Все остальные элементы должны быть потомками этого элемента. |
Метаданные документа
Метаданные содержат информацию о странице. Они включают в себя информацию о стилях, скрипты и данные, чтобы помочь программному обеспечению (поисковые системы, браузеры и т.д.) использовать и отображать страницу. Метаданные для стилей и скрипты могут быть определены на странице или ссылке на другой файл, который имеет информацию.
| Элемент |
Описание |
<base> |
|
<head> |
|
<link> |
|
<meta> |
|
<style> |
HTML-элемент <style> содержит стилевую информацию для документа или его части. По умолчанию стилевые инструкции внутри этого элемента считаются написанными на CSS. |
<title> |
|
Секционирование содержания
Секционирование содержания элементов позволяет разложить содержимое документа на логические части. Используйте секционирование элементов для создания общих черт содержания страницы, включая шапку и подвал и заголовочные элементы для обозначения разделов.
| Элемент |
Описание |
<address> |
|
<article> |
HTML элемент Article (<article>) представляет самостоятельную часть документа, страницы, приложения или сайта, предназначенную для дальнейшего распространения или повторного использования. Этот элемент может представлять статью на форуме, статью в журнале или газете, запись в блоге или какой-либо другой самостоятельный фрагмент содержимого. Каждый элемент <article> должен быть идентифицирован, что обычно делается через включение заголовка (элементы h1-h6) в качестве дочернего элемента <article>. |
<aside> |
|
<footer> |
|
<header> |
|
<h1>, <h2>, <h3>, <h4>, <h5>, <h6> |
|
<hgroup> |
The HTML <hgroup> Element (HTML Headings Group Element) represents the heading of a section. It defines a single title that participates in the outline of the document as the heading of the implicit or explicit section that it belongs to. |
<nav> |
|
Текстовое содержание
Встроенные текстовые семантики
Используйте встроенную в HTML текстовую семантику, чтобы определить смысл, структуру или стиль текста, линий или части текста.
Изображения и мультимедиа
HTML позволяет использовать различные мультимедийные ресурсы, такие как изображения, аудио и видео.
| Элемент |
Описание |
<area> |
|
<audio> |
|
<map> |
|
<track> |
|
<video> |
Для встраивания видео контента в документ используйте элемент HTML <video>. Видео элемент может содержать один или несколько источников видео. Чтобы указать источник видео, необходимо использовать атрибут src или элемент <source>; браузер сам определит наиболее подходящий источник. |
Встроенное содержание
Скриптинг
Чтобы создавать динамический контент и веб-приложения, HTML поддерживает использование скриптовых языков, наиболее известным является JavaScript. Некоторые элементы поддерживают эту возможность.
| Элемент |
Описание |
<canvas> |
HTML <canvas> Элемент может быть использован для рисования графики через скрипты (обычно используется JavaScript). На пример, его можно использовать для рисования графиков, делать композиции фото или даже выполнять анимации. Вы можете (и должны) дать альтернативное содержание внури блока <canvas>. Этот контент будет рендерится в обоих браузерах, в старых которые не поддерживают canvas и в браузерах с отключённым JavaScript. |
<noscript> |
Элемент HTML <noscript> определяет секцию html кода, которая будет вставлена, если в браузере пользователя нет либо отключена поддержка JavaScript'а. |
<script> |
|
Разграничительные правки
Эти элементы позволяют вам отметить определённые части текста.
Содержание таблиц
Эти элементы используются для создания и обработки табличных данных.
Формы
HTML содержит некоторое количество элементов, которые используются вместе для создания форм, которые пользователь может заполнить и отправить на сервер. Доступно множество информации по этой теме в руководстве по HTML формам.
Интерактивные элементы
HTML содержит в себе элементы, которые помогают создавать интерактивные объекты пользовательского интерфейса.
Веб-компоненты
Веб-компоненты - технология, относящаяся к HTML и делающая возможным создание и использование пользовательских элементов, как будто они в обычном HTML. Кроме того, вы можете даже создавать свои версии стандарта HTML элементов.
| Элемент |
Описание |
<content> |
|
<element> |
|
<shadow> |
|
<template> |
HTML элемент <template> -это механизм для отложенного рендера клиентского контента, который не отображается во время загрузки, но может быть инициализирован при помощи JavaScript. |
Устаревшие и осуждаемые элементы
Предупреждение: Эти HTML элементы являются устаревшими, и их использование не рекомендуется. Вы не должны использовать их для новых проектов, а также должны заменить их в старых проектах как можно быстрее. Они перечислены здесь только в информационных целях.
