Руководство по HTML-тегам - порядок функционального сортировки

Порядок排列 HTML-тегов по функциональным категориям

Основы

Тег Описание
<!DOCTYPE>　 Определите тип документа.
<html> Определите корень HTML-документа.
<head> Определите информацию о документе.
<title> Определите заголовок документа.
<body> Определите основное содержимое документа.
<h1> до <h6> Определите заголовок HTML.
<p> Определите абзац.
<br> Определите простую отрывку.
<hr> Определите изменение темы содержимого.
<!--...--> Определите комментарий.

Форматирование

Тег Описание
<acronym> Не поддерживается в HTML5. Используйте <abbr> Заменяет.Определите акроним.
<abbr> Определите аббревиатуру или акроним.
<address> Определите контактную информацию автора или владельца документа.
<b> Определите жирный текст.
<bdi> Определите текстовый方向 текста, чтобы он не зависел от направления текста вокруг него.
<bdo> Определите направление текста.
<big> Не поддерживается в HTML5. Используйте CSS Заменяет.Определите текст большого размера.
<blockquote> Определите долгую цитату.
<center> Не поддерживается в HTML5. Используйте CSS Заменяет.Определите текст, выравненный по центру.
<cite> Определите заголовок произведения.
<code> Определите фрагмент компьютерного кода.
<del> Определение текста, удаленного из документа.
<dfn> Определяет термин, который нужно определить в содержании.
<em> Определение выделенного текста.
<font> Не поддерживается в HTML5. Используйте CSS Заменяет.Определение шрифта, размера и цвета текста.
<i> Определение части текста, выраженной в ином тоне или модусе.
<ins> Определение текста, вставленного в документ.
<kbd> Определение ввода с клавиатуры.
<mark> Определение текста, который нужно отметить или выделить.
<meter> Определение известного диапазона измерителя.
<pre> Определение предварительно отформатированного текста.
<progress> Определение прогресса задачи.
<q> Определение короткой цитаты.
<rp> Определение содержимого, которое отображается в браузерах, не поддерживающих ruby-комментарии.
<rt> Определение的解释/звукоизвлечения символа (для восточноазиатской типографии).
<ruby> Определение ruby-комментариев (для восточноазиатской типографии).
<s> Определение текста, который больше не актуален.
<samp> Определение образца вывода компьютерной программы.
<small> Определение текста малого размера.
<strike> Не поддерживается в HTML5. Используйте <del> Или <s> Заменяет.Определение текста с добавленной линией.
<strong> Определение важного текста.
<sup> Определение текста суперскалы.
<sub> Определение текста индекса.
<template> Определение контейнера для содержания, которое скрыто при загрузке страницы.
<time> Определение даты/времени.
<tt> Не поддерживается в HTML5. Используйте CSS Заменяет.Определение текста пишущей машинки.
<u> Определение текста, не выраженного явно и отличающегося по стилю от обычного текста.
<var> Определение переменной.
<wbr> Определение возможных переносов строк.

Формы и ввод

Тег Описание
<form> Определение HTML-формы для ввода данных пользователя.
<input> Определение вводного элемента.
<textarea> Определение многострочного текстового вводного элемента.
<button> Определение нажимаемой кнопки.
<select> Определение списка выбора.
<optgroup> Определение группировки связанных вариантов списка выбора.
<option> Определение вариантов списка выбора.
<label> <figcaption> Элемент input Обозначение.
<fieldset> Группировка связанных элементов в форме.
<legend> <figcaption> Элемент <fieldset> Элемент figure
<datalist> Определяет список предопределенных вариантов для вводного элемента.
<output> Определение результата вычислений.

Фрейм

Тег Описание
<frame> Не поддерживается в HTML5.Определение окон или фреймов сетки фреймов.
<frameset> Не поддерживается в HTML5.Определение сетки фреймов.
<noframes> Не поддерживается в HTML5.Определение альтернативного контента для пользователей, которые не поддерживают фреймы.
<iframe> <iframe>

Определяет внутренний фрейм.

Тег Описание
Изображение <img>
Определяет изображение. <map>
Определяет карту изображений. <area>
Определяет область внутри карты изображений. <canvas>
Используется для динамического рисования графиков через скрипт (обычно JavaScript). <figcaption> Определяет Элемент figure
Заголовок. <figure>
<picture> Определяет контейнер для нескольких изображений.
<svg> Определяет контейнер для SVG-изображения.

Аудио/Видео

Тег Описание
<audio> Определяет嵌入енный аудио.
<source> Определяет медиаэлемент (например <video>,<audio> И <picture>) нескольких медиа-ресурсов.
<track> Определяет текстовую дорожку для медиаплеера.
<video> Определяет嵌入енное видео.

Ссылка

Тег Описание
<a> Определяет гиперссылку.
<link> Определяет отношение документа к внешним ресурсам (чаще всего используется для ссылок на стили).
<nav> Определяет навигационную ссылку.

Список

Тег Описание
<menu> Определяет unordered list.
<ul> Определяет unordered list.
<ol> Определяет упорядоченный список.
<li> Определяет элемент списка.
<dir> Не поддерживается в HTML5. Используйте CSS Заменяет.Определяет список 目录а.
<dl> Определяет список описаний.
<dt> Определяет термин/имя в списке описаний.
<dd> Определяет описание термина в списке описаний/значений.

Таблица

Тег Описание
<table> Определяет таблицу.
<caption> Определяет заголовок таблицы.
<th> Определяет ячейку заголовка таблицы.
<tr> Определяет строку таблицы.
<td> Определяет ячейку таблицы.
<thead> Определяет содержимое заголовка таблицы.
<tbody> Определяет основное содержимое таблицы.
<tfoot> Определяет содержимое нижнего колонтитула таблицы (подпись).
<col> Определяет Элемент <colgroup> Свойства столбца для каждого столбца.
<colgroup> Определяет группу столбцов для форматирования в таблице.

Стиль и семантика

Тег Описание
<style> Определение стилистической информации документа.
<div> Определение части документа (фрагмента).
<span> Определение части текста или части документа.
<header> Определение верхней части документа или раздела.
<hgroup> Определение заголовка и связанного содержимого.
<footer> Определение нижней части документа или раздела.
<main> Определение основного содержимого документа.
<section> Определение части документа.
<search> Определение части поиска.
<article> Определение статьи.
<aside> Определение содержимого за пределами страницы.
<details> Определяет другие дополнительные детали, которые пользователь может видеть или скрывать.
<dialog> Определяет диалоговое окно или окно.
<summary> Определяет видимый заголовок для элемента <details>.
<data> Добавляет машинночитаемую перевод для предоставленного контента.

Метаданные

Тег Описание
<head> Включает метаданные/информацию о документе.
<meta> Определяет метаданные о документе HTML.
<base> Устанавливает базовый URL и/или целевую для всех относительных URL в документе.
<basefont> Не поддерживается в HTML5. Используйте CSS Заменяет.Определяетdefault шрифт, цвет или размер текста в документе.

Программирование

Тег Описание
<script> Определяет клиентские скрипты.
<noscript> Определяет альтернативный контент для пользователей, которые не поддерживают клиентские скрипты.
<applet> Не поддерживается в HTML5. Используйте <embed> И <object> Заменяет.Определяет встраиваемый小程序.
<embed> Определяет контейнер для внешних ресурсов.
<object> Определяет контейнер для внешних ресурсов.
<param> Определяет параметры объекта.