Справочник html тегов html: HTML и HTML5. Описание тегов по основным разделам

Содержание

Основные теги HTML

Тег Краткое описание
<!—…—> Комментарий.
<!DOCTYPE> Определяет тип документа.
<a> Ссылка, гиперссылка, якорь.
<abbr> Определяет текст как аббревиатуру.
<address> Контактная информация автора или владельца документа.
<area> Определяет область на карте-изображении
<article> Статья
<aside> Контент в стороне (содержимое не является основным на странице по смыслу)
<audio> Позволяет вставить воспроизводимый аудио файл.
<b> Полужирный текст.
<base> Задает базовый URL или аттрибут target для относительных ссылок в документе.
<bdi> Область, где написание текста может имееть другое направления.
<bdo> Устанавливает направление написания текста. В отличии от <bdi> направление указывается физическое направление
<blockquote> Цитата.
<body> Указывает область body документа.
<br> Перенос строки.
<button> Кликабельная кнопка
<canvas> Используется для рисовании графики с помощью скриптов
<caption> Подпись таблицы.
<cite> Сноска на название материала.
<code> Используется для вставки компьютерного кода в текстовом виде.
<col> Задает характеристики колонок в таблице.
<colgroup>
Определяет группу из одной или более колонок таблицы для форматирования.
<datalist> Используется для определения предопределенных вариантов на выбор при вводе в текстовом поле
<dd> Определяет описание термина из тега <dt> в списке терминов <dl>
<del> Текст, который удален в новой версии документа.
<details> Определяет дополнительную информацию, которую пользователь может просмотреть или скрыть
<dfn> Указывает, что содержимое является термином.
<dialog> Определяет диалоговое окно или интерактивный элемент
<div> Блочный элемент — один из основных элементов верстки.
<dl> Определяет список определений
<dt> Название термина в списке определений <dl>
<em>
выделенный по смыслу текст (обычно, текст выделенный курсивом).
<embed> Контейнер для внешнего приложения
<fieldset> Группа связанных элементов в форме
<figcaption> Заголовок для <figure> элемента
<figure> Определяет автономную группу из нескольких элементов (например картинка с подписью)
<footer> Нижний колонтитул
<form> Определяет форму пользовательского ввода
<h2> — <h6> Заголовки HTML разного уровня: <h2>, <h3>, <h4>, <h5>, <h5>, <h6>.
<head> Указывает область head документа.
<header> Блок заголовка
<hr> Горизонтальная линия — тематический разделитель.
<html> Корневой элемент. Сообщает браузеру, что данный документ является HTML документом.
<i> Выделяет текст курсивом.
<iframe> Определяет встроенный фрейм
<img> Изображение, картинка.
<input> Поле для ввода
<ins> Текст, который был добавлен в новой версии документа.
<kbd> Текст введенный с клавиатуры или названия кнопок клавиатуры. Обычно выделен моноширинным шрифтом.
<label> Метка для поля ввода. Указывает на привязку элемента (обычно текста) к полю ввода.
<legend> Заголовок элементов <fieldset>
<li> Элемент списка
<link> Определяет привязку внешнего ресурса (чаще всего, привязку таблицы стилей CSS)
<main> Основной контент
<map> Контейнер для <area>. Определяет пользовательскую карту на изображении
<mark> Выделенный текст (обычно с помощью подсветки фона).
<menu> Контейнер для списка пунктов меню
<menuitem> Определяет элементы, которые пользователь может вызвать из контекстного меню
<meta> Используется для определения мета-данных документа.
<meter> Измеритель значений в заданном диапазоне
<nav> Контейнер для навигационных элементов
<noscript> Альтернативный контент для пользователей, отключивших скрипты
<object> Определяет встроенный объект

Справочник HTML - теги на U, V и !DOCTYPE

Содержание:

Тег UL

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<UL> + блочный + + + + + +
type + - + + -

Тег ul - применяется для создания маркированного списка. Читать урок Создание списков.

Применение:

<ul>
    <li>Пункт 1</li>
    <li>Пункт 2</li>
</ul>

Атрибут:

type - указывает тип маркеров. Значения: disk - круглый (по умолчан.), circle - окружность, square - квадратный (в CSS - свойство list-style-type).

Тег VAR

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<VAR> - строчный + + + + + +

Тег var - применяется для выделения переменных компьютерных приложений, отображается курсивом.

Тег VIDEO

Тег Атрибуты Тип IE
HTML5
HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<VIDEO> + 9.0 и выше + - - - +
autoplay 9.0 и выше + - - -
controls 9.0 и выше + - - -
height 9.0 и выше + - - -
loop 9.0 и выше + - - -
poster 9.0 и выше + - - -
preload 9.0 и выше + - - -
src 9.0 и выше + - - -
width 9.0 и выше + - - -

Тег video - новый тег HTML5, размещает видео на веб-странице. Читайте урок о вставке видео на веб-страницу.

Атрибуты тега VIDEO »

autoplay - автоматическое воспроизведение. Значения: false - нет, true - да.
controls - определяет, нужно ли показывать панель управления видео.
height - высота кадра.
loop - варианты воспроизведения. Значения: false - однократное, true - циклическое.
poster - URL изображения-заставки.
preload - определяет, нужно ли предварительно загружать видеозапись в сам элемент. Значения: auto - загружает на усмотрение браузера, metadata - загрузить только метаданные видеозаписи, none - не загружать (по умолчан.).

src - URL видеозаписи.
width - ширина кадра видео.

Тег WBR

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<WBR> - 9.0 и выше + - - - -

Тег wbr - инструктирует браузер о месте возможного переноса строки в случае необходимости. Примечание: нет закрывающего тега.

Тег !DOCTYPE

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<!DOCTYPE> - + + + + + -

Тег !DOCTYPE - занимает первую строку и указывает тип документа. Примечание: нет закрывающего тега. Подробнее о разнице версий html, xhtml и html5.
HTML5:
<!DOCTYPE html>
HTML 4.01 Transitional:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
HTML 4.01 Frameset:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
HTML 4.01 Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
XHTML 1.1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
XHTML 1.0 Transitional:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
XHTML 1.0 Frameset:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.0 Strict:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

Тег Атрибуты Тип IE HTML5 HTML 4.01 | XHTML 1.0 XHTML 1.1 Универ.
атрибуты,
события
Transitional Frameset Strict***
<!--...--> - + + + + + -

Тег <!--Комментарии--> - применяется для обособления комментариев (для себя), содержимое не отображается. Примечание: нет закрывающего тега.

Содержание:

Поделиться с друзьями:

Урок 3. Структура HTML-элемента | HTML элементы Структура HTML-элемента | Уроки MODx Evo

Как создать свой сайт? Уроки HTML и CSS

HTML элементы являются основными составляющими веб страницы, с помощью них осуществляется все форматирование. В данном уроке рассмотрена структура HTML элемента, которая является одинаковой почти для всех элементов веб страницы, которые могут иметь атрибуты. Структура HTML элемента включает имя атрибута, значение атрибута, содержимое тега.

Как мы уже говорили в предыдущих темах оформление web-страниц можно осуществлять двумя способами:

  • первый – средствами таблиц стилей CSS (более прогрессивный метод),
  • второй – средствами атрибутов у тегов HTML.

Рассмотрим второй способ.

1. Структура HTML-элемента

HTML-элемент также имеет свой синтаксис.

<[имя тега] [имя атрибута 1]=["значение атрибута 1"] [имя атрибута 2]=["значение атрибута 2"] ...   [имя атрибута N]=["значение атрибута N"]>Содержимое под действием тега</[имя тега]>

Кавычки вокруг значения атрибута обязательны в тех случаях, когда значение это содержит какие-либо символы, кроме букв, цифр, точки или дефиса, но с точки зрения совместимости с XML, лучше пользоваться кавычками всегда.

Многие теги имеют атрибуты со значениями, изменяющие действие тега.

Например:

<h1 align="center">Пример заголовка</h1>

Разберем этот тег с одним атрибутом согласно синтаксису (рисунок 1)

Рисунок 1. Синтаксис HTML-элемента

Текст, помещенный внутри тегов <h2 align="center">Текст</h2>, будет выглядеть, как центрированный заголовок.

На рисунке 2 приведен вид этой HTML-страницы в браузере.

 

Рисунок 2. Пример использования атрибута align

Атрибут align указывает выравнивание элемента, в данном случае заголовка. Возможные значения данного атрибута представлены в таблице 1.

Таблица 1

 align="right"

Выравнивает элемент по правому краю

 align="left"

Выравнивает элемент по левому краю

 align="center"

Выравнивает элемент по центру

 align="justify"

Выравнивает элемент по ширине

 

В большинстве случаев атрибуты являются необязательными, но в их отсутствие интерпретатор HTML должен использовать значения по умолчанию (так называемый стиль браузера).

Все атрибуты тегов есть в справочнике Sprav_ HTML.doc в папке CD/Справочник HTML.

Регистр букв в идентификаторах тегов и атрибутов и значениях атрибутов не учитывается.

2. Тело документа

Между тегами <body> и </body> размещается основная часть материала документа.

 Атрибуты тега <body>

Таблица 2

 background

Атрибут указывает URL-адрес изображения, которое следует использовать в качестве фона документа

bgcolor

Определяет цвет фона документа

 bgproperties

Если этот атрибут имеет значение fixed, то изображение фона не будет прокручиваться

 leftmargin

Атрибут определяет ширину левого поля в пикселях

 topmargin

Атрибут определяет ширину верхнего поля в пикселях

 text

Атрибут определяет цвет текста

Все атрибуты можно просмотреть в файле Sprav_ HTML.doc в папке CD/Справочник HTML.

 Например:

         <body background="fons/image.jpg">

В данном примере фоном документа будет являться рисунок image.jpg, который находится в папке fons. При этом HTML-документ находится в файловой структуре на том же уровне, что и папка fons.

3. Элементы h2, h3, h4, h5, h5, h6

Структурирование тела документа выполняется элементами h2, h3, h4, h5, h5, h6.

Элементы заголовков являются парными, поэтому должны имеет открывающий <h2> и закрывающий </h2> теги.

HTML располагает шестью уровнями заголовков: h2 (самый верхний), h3, h4, h5, h5 и н6 (самый нижний). Функции элементов заголовков аналогичны заголовкам в текстовых редакторах.

Практическое задание 1

  1. Откройте файл shablon.html в Notepad++ и cохраните под новым именем elementH.html в папке myhouse.
  2. Измените текст, как в листинге на рисунке 3. В качестве фона используйте изображение fon10.jpg из папки html_css_3.
  3. Запустите файл elementH.html

На рис. 4 показано, как разные уровни заголовков выводятся браузером.

Рисунок 3

 

Рисунок 4. Разные уровни заголовков

Практическое задание 2

  1. Откройте файл elementH.html в Notepad++ и cохраните документ в папку под новым именем align.html
  2. Измените код как в листинге на рисунке 5 (для фона можете использовать любой цвет из папки colors).
  3. Запустите файл align.html

Ваш документ должен выглядеть примерно так, как показано на рис. 6.

 

Рисунок 5

 

Рисунок 6. Выравнивание заголовков 

4. Работа с текстом

Разделение текста на абзацы

Тег <p> задает начало абзаца и вставляет отступы между абзацами. Тег абзаца имеет только один атрибут align.

align="left" – выравнивание абзаца по левому краю текста (значение по умолчанию).

align="right" – выравнивание абзаца по правому краю текста.

align="center" – центрирование абзаца.

align="justify" – выравнивание абзаца по ширине.

Принудительный разрыв строки

Повторим, что тег <br /> позволяет выполнить перенос оставшейся части текста абзаца на следующую строку. Это непарный тег и в отличие от тега абзаца не увеличивает интервал между строками.

Изменение шрифта

Тег <font> и </font> позволяет изменить для фрагмента текста тип, размер и цвет шрифта.

Атрибуты тега <font>

Таблица 3

 size

Атрибут size="n" используется для задания абсолютного размера между 1 и 7. size="+n" или –n – увеличивает или уменьшает шрифт относительно текущего значения.

 face

Атрибут face="ИМЯ" – задает гарнитуру шрифта, используемого для отображения данного фрагмента текста. Можно через запятую задать несколько имен шрифтов, которые браузер ищет в локальной системе. Использоваться будет тот, чье имя найдено первым.

Например: <font face="Comic Sans MS,Tahoma,Arial">

 color

Атрибут color="Значение" задает цвет текста.

Начертания шрифтов

Тег <b>…</b> – позволяет отобразить текст полужирным шрифтом.

Тег <i>…</i> – позволяет отобразить текст в курсивном начертании.

Тег <u>…</u> – отображает подчеркнутый текст.

 Практическое задание 3

  1. Откройте файл align.html и сохраните под новым именем format_text.html в папке myhouse.
  2. Измените код как в листинге на рисунке 7 (для фона можете использовать любой цвет из папки colors). Чтобы не набирать текст вручную, Вы можете cкопировать этот текст из файла format_text.txt из папки html_css_3
  3. Запустите файл format_text.html

Ваш документ должен выглядеть примерно так, как показано на рис. 8.

 

Рисунок 7

Рисунок 8. Форматирование текста

5. Горизонтальные линии на HTML-странице

С помощью тегов <P> и <BR /> выделяются смысловые фрагменты в документе. Но иногда необходимо отчетливо показать границу между разделами, чтобы подчеркнуть жесткое разделение текста, это можно сделать с помощью горизонтальных линий.

Горизонтальная линия организуется с помощью тега <HR>.

Атрибуты тега <HR> определяют выравнивание линии по горизонтали, позволяют изобразить линии трехмерными или подавить иллюзию трехмерности, задать толщину и длину линии. Горизонтальные линии применяются для:

  1. Разделения текстовых фрагментов. С помощью тонких линий можно визуально разделить части текста. 
  2. Выделения заголовков, сносок, ремарок автора;
  3. Создания прямоугольников и квадратов. Путем подбора атрибутов SIZE и WIDTH горизонтальную линию можно превратить в прямоугольник или квадрат.

 Пример:

<hr size="4" align="center" />

Браузер изобразит горизонтальную линию толщиной 4 пикселя и шириной, составляющей 75% от ширины экрана браузера (рис.9).

Рисунок 9. Пример горизонтальной линии на web-странице

 Практическое задание 4

  1. Откройте раздел «Горизонтальные линии» в файле справочника «Sprav_html.doc». Ознакомьтесь с атрибутами тега <HR>. 
  2. В файле main.html создайте разделительные полосы между смысловыми группами и вверху страницы вставьте изображение по центру (рисунок 10).
  3. Сохраните файл.

Рисунок 10

 6. Бегущая строка

Эффект «бегущей строки» – популярное украшение web-страниц.

Текст, выделенный тегами <marquee> и </marquee>, изображается браузером в виде бегущей строки.

 Практическое задание 5

  1. Откройте файл справочника «Sprav_html.doc». Найдите раздел «Бегущая строка». Ознакомьтесь с атрибутами всех тегов, используемых при создании бегущей строки. Будьте готовы ответить на вопросы по правилам задания значений этих атрибутов.
  2. Разберите приведенный в листинге на рисунке 11 программный код. Реализуйте его.
  3. Сохраните под именем stroka.html

 

Рисунок 11. Бегущие строки

Практическое задание 6

  1. Создайте бегущую строку для будущего сайта myhouse.ru примерно так, как изображено на рис. 12.
  2. Сохраните в папке public_html под именем shapka.html

Рисунок 12. Бегущая строка для сайта MyHouse.ru

7. Формирование таблиц

С помощью таблиц можно различным образом компоновать текст и графику на странице.

  1. Основные теги <table> и </table> – начало и конец таблицы.
  2. Теги <tr> и </tr>. Эти теги окружают каждую строку таблицы. Два набора тегов <tr> – две строки, восемь наборов – восемь строк.
  3. Теги <td> и </td>. Эти теги определяют отдельную ячейку строки. В них содержатся данные таблицы. Число ячеек в строках таблицы не обязательно должно быть постоянным. В одной строке может быть пять ячеек, в другой три.
  4. Теги <th> и </th>. Этот тег используется для задания заголовков столбцов и строк таблицы. Текст, заключенный между этими тегами, автоматически записывается жирным шрифтом и располагается посередине ячейки.
  5. Теги <caption> и </caption> – создают заголовки таблицы. По умолчанию заголовки центрируются и размещаются либо над (<caption align= "top">), либо под (<caption align= "bottom">) таблицей. Заголовок может состоять из любого текста и изображения.

Пример HTML-кода таблицы (рисунок 13) и вид этой таблицы в браузере приведены на рис. 1

 Практическое задание 7

  1. Реализуйте код, приведенный в листинге на рисунке 13.
  2. Сохраните файл под именем table.html

 

Рисунок 13. Простая таблица

Рисунок 14. Вид простой таблицы в браузере

Объединение ячеек

Для объединения столбцов таблицы в теге ячейки td применяется атрибут colspan.

Для объединения строк таблицы в теге ячейки td применяется атрибут rowspan.

Пример объединенных столбцов приведен на рис. 15, объединенных строк на рис. 16.

Практическое задание 8

  1. В файле table.html реализуйте коды из листингов на рисунках 15 и 16.
  2. Сохраните файл.

Рис. 15. Вид простой таблицы с объединенными столбцами

 

Рис. 16. Вид простой таблицы с объединенными строками

Действие всех перечисленных тегов можно уточнить с помощью атрибутов табличных тегов.

Практическое задание 9

Откройте файл справочника Sprav_html.doc в папке CD. Найдите раздел «Форматирование таблиц в HTML». Ознакомьтесь с атрибутами всех тегов, необходимых для создания таблицы. 

Большие таблицы

1. Создайте web-страницу, содержащую таблицу с расписанием занятий на четную и нечетную недели. Структура, содержание и вид таблицы в браузере приведены на рис. 17.

2. При создании таблицы:

  • Для заголовка нечетной недели задать красный фон, для четной – синий;
  • Рамку таблицы сделать цветной;
  • В заголовок таблицы включить рисунок из папки CD/html_css_3;
  • Растянуть последнюю строку таблицы на все ячейки соответствующей недели (рис. 17).

Рис. 17 

3. Измените код программы так, чтобы ячейка, содержащая текст «В расписании возможны изменения» была общей для обеих недель.

4. Оформите содержимое последней строки таблицы «В расписании возможны изменения» бегущей строкой. Параметры бегущей строки: направление движения бегущей строки справа налево, цвет фона бегущей строки – светло-желтый, повторение бегущей строки – 5 раз.

5. Сохраните файл под именем raspisanie.html (рис. 18).

Рисунок 18. Расписание занятий

Практическое задание 10

Для нашего сайта необходимо оформить web-страницу с информацией о проектах таунхаусов в виде таблицы. Всего на этой странице должно быть 9 проектов. Материалы (фотографии и тексты) можно найти в папке CD/ html_css_3/townhouse.

  1. Создайте в папке public_html папку kategoria.
  2. Внутри папки kategoria создайте еще папку townhouse.
  3. Внутри папки townhouse создайте еще папку img_townhouse.
  4. Скопируйте в папку img_townhouse все необходимые изображения. Они находятся в папке CD/townhouse.
  5. Сохраните страницу под именем townhouse.html в папку townhouse.

Внутренние стили

Последним вариантом использования стилевых таблиц является применение их к конкретному HTML-элементу при помощи атрибута STYLE, который разрешен практически для каждого элемента.

Например: <h2 style="color:blue; font-family:arial;">.

 Практическое задание 11

  1. На web-странице townhouse.html для текста под заголовком примените к тегу абзаца внутренний стиль, который опишите при помощи атрибута STYLE: имя шрифта – Verdana, цвет шрифта – 0000FF, размер шрифта – 10pt, начертание – полужирное.
  2. Проверьте работоспособность внутреннего стиля.

 Примерное оформление информации приведено на рис. 19.

 

Рис. 19. Примерное оформление информации о проектах

 В результате выполнения этой темы, у Вас должны быть созданы следующие файлы:

  • elementH.html
  • align.html
  • format_text.html
  • stroka.html
  • shapka.html
  • table.html
  • raspisanie.html
  • townhouse.html

seodon.ru | Теги HTML

Опубликовано: 25.06.2010 Последняя правка: 10.12.2015

В этом разделе находится справочник, включающий в себя теги HTML и их подробное описание: тип, назначение, атрибуты, синтаксис, примеры использования, поддержку версиями HTML и браузерами. Вся информация подробно расписана и удобно структурирована.

HTML-теги и атрибуты

Описание

Каждая страница тегов HTML и атрибутов начинается с описания их предназначения, чтобы сразу можно было понять то ли это, что вам необходимо. Кроме этого в верстке (да и не только) существует такое понятие, как семантика кода, которую в двух словах можно описать так: из всего многообразия тегов в каждой конкретной ситуации используйте именно тот и них, который больше к ней подходит по логике и смыслу, естественно не забывая о синтаксисе. Что это значит. Например, в HTML существует сразу несколько тегов отображающих заключенный в них текст курсивным шрифтом, но предназначение у них разное. Тег <I> используется просто для визуального выделения текста, <EM> — для акцентирования внимания на выделенном фрагменте, обозначения его важности, <VAR> — для выделения отдельных частей программного кода и так далее.

Атрибуты

Этот подраздел присутствует только у тегов HTML и в нем идет перечисление и краткое описание атрибутов, которые можно использовать в каждом из них. Атрибуты делятся на два основных типа: «Личные» и «Общие». Личные атрибуты — это те, которые можно указывать только внутри данного тега (хотя в HTML есть и такие личные атрибуты, которые присутствуют сразу у нескольких HTML-тегов). С общими атрибутами все гораздо проще — они имеются практически у всех HTML-тегов, а в версии HTML 5 уже вообще у всех без исключения.

Тип тега

Данный подраздел также имеется только у HTML-тегов, в нем описаны их краткие характеристики, которые помогут вам быстро сориентироваться в вопросах правильного синтаксиса и использования тегов. Вообще словосочетание «тип тега» в данном случае довольно условное и служит лишь для группирования следующих характеристик.

Назначение. Здесь указывается ссылка на страницу, которая содержит все теги, относящиеся к той же группе, что и данный тег HTML, например текстовые теги уровня строки.

Модель тега. Здесь находится информация по тому, к какой модели относится данный тег, которая поможет вам понять, как поведет себя его содержимое (текст, изображения и т.д.) при отображении браузером. Также эти данные подскажут вам можно ли указывать данный HTML-элемент внутри другого. Различают несколько моделей тегов (кстати, иногда их тоже называют «типы»):

Встроенные (inline, уровня строки) — все, что выводят эти HTML-теги на страницу располагается на одной строке и только если доступной ширины (например, ширины окна браузера) недостаточно, то происходит перевод строки на следующую. Таким образом, содержимое сразу нескольких встроенных тегов вполне может располагаться на одной строке, если уместится.

Блочные (block, уровня блока) — каждый из таких тегов создает перевод строки до и после себя, выводя свое содержимое всегда с новой строки. Именно поэтому текст двух блочных тегов никогда не будет отображаться браузерами на одной строке, даже если в каждом из них его будет очень мало. Естественно это в том случае, если с тегами не были произведены какие-то модификации, например с помощью свойств CSS.

Уникальные — все остальные теги HTML, которые не принадлежат ни к одной из предыдущих категорий, являются уникальными и могут располагаться только внутри определенных HTML-элементов, поэтому в таких случаях в справочнике сразу указано, где именно их можно прописывать.

Может содержать. В этом пункте находится информация о том, какие теги HTML может содержать данный элемент на первом уровне вложенности. Эта информация поможет вам избежать таких «ошибок новичков», как указание внутри ссылки (<A>) тега параграфа <P>.

Должен содержать. Этот пункт присутствует в тех случаях, когда при использовании данного тега, вы обязаны внутри него указать какой-то другой тег. Другими словами «друг без друга они жить не могут».

Не может содержать. Данный пункт есть не у всех HTML-тегов и имеется только тогда, когда надо сделать дополнительное исключение.

Открывающий тег. Закрывающий тег. Здесь указывается информация о том, из каких тегов может или должен состоять данный элемент.

Значения

Этот подраздел есть только у атрибутов, и описывает, какие допустимые значения может иметь каждый из них.

Значение по умолчанию. Здесь указывается значение атрибута по умолчанию, то есть то, которое браузер будет использовать, если атрибут не будет указан в HTML-теге.

Синтаксис

Для того, чтобы наглядно продемонстрировать, как выглядит указание того или иного тега или атрибута, в этом подразделе приведен их синтаксис кода, а для более полной картины показан реальный пример их использования.

Обязательный атрибут. Как вы понимаете, этот пункт есть только у атрибутов, он показывает, является ли указание данного атрибута обязательным для тега.

Поддержка версиями HTML

Версия:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Поддержка:ЧастичноДаЧастичноНет

В нижней части страниц справочника имеется полная информация по поддержке тегов и атрибутов версиями HTML и XHTML. Для удобства пользования эти данные также продублированы в верхней части страниц в виде небольших изображений. Поэтому при создании макета обязательно обращайте внимание на возможность использования данного атрибута или тега HTML с вашим <!DOCTYPE>.

Хотелось бы отметить, что во многих случаях браузеры правильно отображают страницу даже в тех случаях, когда в ее коде имеются какие-то теги или атрибуты, которые не поддерживаются версией HTML указанной в Доктайпе. Но это означает лишь то, что они научились самостоятельно исправлять многие ошибки допущенные верстальщиками и уж совсем не обязательно, что все браузеры будут это делать одинаково.

Поддержка браузерами

Браузер:Internet ExplorerGoogle ChromeMozilla FirefoxOperaSafari
Версия:6.07.08.0 и выше2.03.0 и выше2.0 и выше9.2 и выше3.1 и выше
Поддержка:НетЧастичноДаНетДаЧастичноНетДа

Также в конце каждой страницы есть подробная информация по поддержке тегов и атрибутов разными версиями популярных браузеров. Вверху страниц она тоже продублирована, но в более сокращенной форме. Например, если все версии какого-то браузера поддерживают тег, то возле его значка будет зеленая галочка, если не поддерживают — красный крестик. Если же все версии браузера поддерживают тег частично, либо какие-то из них понимают его полностью, а какие-то наоборот не понимают совсем, то во всех этих случаях будет стоять фиолетовая галочка.

Теги HTML по алфавиту | bookhtml.ru

 

 

 

!

 

Тег <!-- --> - текстовые комментарии в HTML- коде страницы (пользователю не видны).

Тег <!DOCTYPE> - версия языка HTML и разновидность данной версии.

 

A

 

Тег <a> - создание ссылок.

Тег <abbr> - символы, набранные в тексте, являются аббревиатурой.

Тег <acronym> - сокращение, применяемое как самостоятельное слово.

Тег <address> - данные создателей web-страницы.

Тег <applet> - помещение в web-страницу апплетов - программ, написанных на языке Java.

Тег <area> - активные области изображения, являющиеся ссылками.

Тег <article> - статья или новость с чужого источника.

Тег <aside> - дополнительная информация, всплывающая в отдельном блоке.

Тег <audio> - вставка аудиоролика в web-страницу.

 

B

 


Тег <b> - написание текста жирным шрифтом.

Тег <base> - задание базового адреса (URL) для ссылок.

Тег <basefont> - базовый (основной для всей страницы) размер шрифта.

Тег <bdo> - направление текста (справа налево или слева направо).

Тег <bgsound> - создание звуковых эффектов.

Тег <blockquote> - вставка в текст цытаты.

Тег <big> - увеличение размер шрифта текста.

Тег <body> - заключает в себе гипертекст, который определяет собственно Web-страницу.

Тег <blink> - задает мигание текста.

Тег <br> - принудительный переход на новую строку (перевод строки).

Тег <button> - создаёт кнопки так же, как и элемент INPUT.

 

C

 


Тег <canvas> - создание bitmap изображения при помощи JavaScript.

Тег <caption> - заголовок для таблицы.

Тег <center> - центрирование текста на странице.

Тег <cite> - форматирование цитат и ссылок.

Тег <code> - вывод фрагментов программ и форматирования текста программы.

Тег <col> - задаются свойства одной или нескольким колонкам таблицы.

Тег <colgroup> - создает группы колонок с одинаковыми свойствами.

Тег <command> - отображает команду в виде флажка, переключателя или обычной кнопки.

Тег <comment> - контейнер для комментариев.

 

 

D

 


Тег <datalist> - перечень вариантов, предложенных для выбора при наборе в текстовом поле.

Тег <dd> - списки с определениями.

Тег <del> - выделение текста, который был удалён.

Тег <details> - размещение на странице информации, которую можно показать или скрыть.

Тег <dfn> - выделение одинаковых по назначению (или смыслу) фрагментов текста.

Тег <dir> - определение списка каталогов.

Тег <div> - формирует блочный контейнер.

Тег <dl> - контейнер, в котором располагаем список определений.

Тег <dt> - термин в списке определений.

 

E

 

Тег <em> - выделение текста.

Тег <embed> - контейнер для некоторых объектов (звуковых файлов, видеофайлов и т.д.).

 

F

 

Тег <fieldset> - создание группы, объединяющей несколько элементов управления.

Тег <figcaption> - заголовок для элемента <figure>.

Тег <figure> - собственное содержимое ( фотографии, иллюстрации, диаграммы и др.).

Тег <font> - тип, размер и цвет шрифта текста.

Тег <form> - построение форм заполняемых непосредственно пользователем.

Тег <footer> - нижний колонтитул для web-страницы.

Тег <frame> - свойства отдельного фрейма.

Тег <frameset> - структура фреймов на web-странице.

 

H

 

Теги <h2> - <h6> - заголовок в материале web-страницы.

Тег <head> - формирование общей структуры документа.

Тег <header> - "шапка" сайта.

Тег <hgroup> - группирование заголовков веб-страницы или раздела.

Тег <hr> - горизонтальная линия.

Тег <html> - документ, написанный на языке html.

 

I

 


Тег <i> - текст курсивным начертанием.

Тег <iframe> - создание фрейма.

Тег <img> - ссылка на графический файл.

Тег <input> - различные части формы, такие как флажки, переключатели, поля ввода.

Тег <ins> - выделение текста, который был добавлен в новый документ.

Тег <isindex> - конструкции для ведения диалога с пользователем.

 

K

 


Тег <kbd> - выделение текста, который пользователь должен ввести с клавиатуры.

Тег <keygen> - генерация пары ключей для форм - закрытого и открытого.

 

L

 

Тег <label> - контейнер для других элементов формы.

Тег <legend> - заголовок группы элементов формы, образованной тегом<fieldset>.

Тег <li> - отдельный пункт списка.

Тег <link> - связь между web-страницей и внешним документом.

Тег <listing> - вывод листинга программ или кода.

 

M

 

Тег <map> - создание изображения-карты.

Тег <marquee> - бегущая строка.

Тег <mark> - помечает текст в документе как выделенный.

Тег <menu> - создание логически связанных списков.

Тег <meta> - дополнительная информация о веб-странице.

Тег <meter> - вывод на экран данных в ранжированной области.

Тег <multicol> - размещение информации на странице в несколько колонок (столбцов).

 

N

 


Тег <nav> - навигационная панель.

Тег <nobr> - текст в одной строке (без разрыва).

Тег <noembed> - отображение на web-странице информации.

Тег <noframes> - браузер не поддерживает фреймы.

Тег <noindex> - закрытие от индексации фрагмента текста

Тег <noscript> - браузер не поддерживает сценариев.

 

O

 


Тег <object> - размещение в HTML-документе встроенного объекта.

Тег <ol> - нумерованный список.

Тег <optgroup> - объединяет пункты списка в группы.

Тег <option> - создание элемента списка.

Тег <output> - область в которую выводится информация результата расчета.

 

P

 

Тег <p> - разделение текста на абзацы.

Тег <param> - передача параметров объекту.

Тег <plaintext> - создание текста с конструкциями HTML.

Тег <pre> - текст, заранее отформатированный.

Тег <progress> - вывод на экран оценки выполнения работы.

 

Q

 

Тег <q> - выделение цитаты внутри абзаца или строки.

 

R

 

 

Тег <rp> - вывод текста в браузерах, которые не поддерживают тег <ruby>.

Тег <rt> - аннотация сверху или снизу от текста, заключенного в контейнер <ruby>.

Тег <ruby> - аннотация сверху или снизу от заданного текста.

 

S

 


Тег <s> - вывод текста зачеркнутым.

Тег <samp> - выделение диалога пользователя с компьютером.

Тег <script> - размещение в документе сценария.

Тег <section> - выводит на экран данные, формируя их в разделы.

Тег <select> - создание списков в форме.

Тег <small> - уменьшение размера шрифта на единицу.

Тег <source> - источник медиа-данных.

Тег <spacer> - выделить (зарезервировать) на странице пустое пространство заданного размера.

Тег <span> - выделение фрагмента текста для его последующего форматирования.

Тег <strike> - зачеркнутое начертание текста.

Тег <strong> - выделение текста жирным начертанием.

Тег <style> - определение стилей элементов веб-страницы.

Тег <sub> - создание эффекта нижнего индекса.

Тег <summary> - видимый заголовок для элемента <details>.

Тег <sup> - эффект верхнего индекса.

 

T

 


Тег <table> - создание таблиц.

Тег <tbody> - создание логически связанных групп строк в теле таблицы.

Тег <td> - создание обычной ячейки таблицы.

Тег <textarea> - создания на форме многострочных текстовых полей.

Тег <tfoot> - логическое группирование строк в нижней части таблицы.

Тег <th> - создание заголовка таблицы.

Тег <thead> - логическое группирование строк в верхней части таблицы.

Тег <time> - дата и время.

Тег <title> - заголовок Web-страницы.

Тег <tr> - строка таблицы.

Тег <track> - текстовая дорожка для медийных элементов <audio> и <video>.

Тег <tt> - текст телетайпа.

 

U

 


Тег <u> - подчеркивание текста.

Тег <ul> - создание маркированного (ненумерованного) списка.

 

V

 

Тег <var> - выделение переменной или параметра программы.

Тег <video> - вставка на Web-страницу видеоролика.

 

W

 

Тег <wbr> - разбиение строки на две.

 

X

 

Тег <xmp> - вывод текста на страницу "как есть".

 

 

Изучайте язык HTML вместе с bookhtml.ru

 

 

 

 

 

HTML-теги и атрибуты в SEO

Первый этап продвижения сайта — его внутренняя оптимизация, важнейшей составляющей которой считается работа с кодом. Поэтому каждый SEO-специалист должен знать основные теги и атрибуты языка HTML, уметь оптимизировать их.

Не все понимают, на чем нужно сфокусировать свое внимание в первую очередь и как правильно использовать тот или иной элемент. В этом посте мы расскажем о тегах и атрибутах, о которых важно помнить начинающему SEO-специалисту.

Теги и атрибуты как составные части языка HTML

Теги и атрибуты составляют основу HTML — языка гипертекстовой разметки. Последовательность тегов и их атрибутов задает структуру документа. Интерпретируя язык разметки, браузер «понимает», о чем страница и как должен отображаться ее контент (текст, картинки, видео).

Теги задают каркас страницы, атрибуты расширяют или модифицируют действия тегов. Они описываются внутри открывающего тега в виде коллекции «имя="значение"». Например: <meta name="description">.

Существует два типа тегов: парные и одиночные. Парные (или контейнерные) теги состоят из пары — открывающий и закрывающий тег <...>...</...>. Одиночные теги состоят лишь из одного открывающего тега. Например, тег <img>.

Стандартно структура HTML-документа содержит такие элементы:

<!DOCTYPE html> <html>  <head>   <title>Название документа</title>  </head>  <body>   <h2>Заголовок страницы</h2>   <p>Отображаемый на странице контент</p>  </body>  </html>
  • <!DOCTYPE> указывает на тип текущего документа. В нашем случае HTML;
  • тег <html> отмечает границы документа, в нем содержатся обязательные теги <head> и <body>;
  • тег <head> — контейнер, в него помещается информация для браузеров и поисковых систем. Содержимое тега <head> не отображается напрямую на веб-странице, за исключением тега <title>, с помощью которого устанавливают заголовок вкладки браузера;
  • тег <body> определяет видимую часть документа, которая отображается в окне браузера. К такой информации относится текст, изображения, результат работы скриптов и другое.

Сперва рассмотрим набор тегов, помещающихся в блоке <head>. Они наиболее значимы для специалиста по поисковой оптимизации.

Что такое тег <title>

Тег <title> один из важнейших в поисковом продвижении, отвечает за наименование документа. Текст в этом теге — заголовок страницы в результатах поисковой выдачи, окна браузера и ссылки в закладках. <title> помогает понять пользователям и поисковым роботам, о чем данная страница. Он влияет на ранжирование документа в поисковой выдаче.

Пример кода:
<title>Тег title - для чего нужен и как его правильно использовать?</title>
Где пользователь может увидеть ваш <title>:

Зачем нужны метатеги

Помимо тега <title>, в <head> располагаются теги типа <meta>, которые предназначены для браузеров и поисковых систем. Корректное использование метатегов позволяет увеличить привлекательность сниппетов, управлять индексацией страниц. Также позволяет правильно отображать страницы сайта пользователям. Далее рассмотрим метатеги: description, robots, charset, viewport и keywords.

Meta description

Текст метатега description — это краткое описание контента страницы. Информация из этого тега напрямую не влияет на ранжирование страницы. При этом большинство поисковых систем использует содержимое метатега description при образовании сниппета. Цепляющий description, который к тому же отвечает на запрос пользователя, поможет привлечь человека на ваш сайт.  

Сниппет — фрагмент текста, который представляет сайт в результатах поисковой выдачи. В декабре 2017 года Google расширил длину сниппетов с 160 до 320 символов с пробелами. Для кириллицы следует ориентироваться на длину в 280 символов. Это значение получили ребята из Serpstat, изучив 1 млн сниппетов.
Пример кода:
<meta name="description" content="Метатег description - это информативное и продуманное описание страницы. Мы расскажем, как сделать его привлекательным для пользователя и привлечь посетителей на ваш сайт." />

Meta robots

Метатег robots служит для указания правил индексирования конкретных страниц сайта и позволяет следовать по гиперссылкам с данных страниц.

Пример кода:
<meta name="robots" content="index, follow">

Значение атрибута «name» указывает, что директива актуальна для всех роботов. Вы также можете закрыть доступ только одному из них. Для этого в атрибуте «name» следует указать нужного робота, например, основного робота Google — «googlebot» или Яндекса — «yandex».

Основные значения атрибута content:
  • index — страница доступна для индексации;
  • noindex — запрет добавления страницы в индекс;
  • follow — ссылки на странице доступны к индексации и открыты для передачи ссылочного веса;
  • nofollow — сигнализирует роботу о том, что переходить по ссылкам и передавать ссылочный вес запрещено;
  • all — инструкция, аналогичная «index, follow», противоположная настройка: «none».

Наличие метатега robots в коде сайта не обязательно. Если meta robots отсутствует, страница открыта для индексации и переходить по ссылкам разрешено.

Meta charset

Метатег с атрибутом «charset» указывает на тип кодировки документа. Он применяется для правильного отображения текста страницы браузером. Для операционной системы Windows и кириллицы используют значения атрибута «utf-8» или «windows-1251». Этот метатег следует размещать в самом начале блока <head> до элементов, которые содержат текст, включая тег <title>.

Пример кода:

<meta charset="UTF-8">

Многие браузеры научились распознавать кодировку документа автоматически, но все же рекомендуется прописать короткую строку, чтобы избежать возможных проблем с выводом информации на странице.

Meta viewport

Метатег «viewport» сообщает браузеру, как следует обрабатывать размеры страницы, изменять ее масштаб под ширину экрана устройства, с которого выполнен переход. Meta viewport — один из пунктов внедрения адаптивного дизайна, когда для всех устройств используется один код с корректировкой по размеру экрана. Для корректного отображения контента сайта на любом устройстве, на всех страницах следует разместить следующий фрагмент кода:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Если этот элемент отсутствует, мобильные браузеры по умолчанию используют версию страниц для компьютера и пытаются оптимизировать контент собственными силами, подгоняя содержимое под размер экрана. Из-за этого контент страницы может выглядеть непропорционально, и посетителям сайта придется выполнять лишние действия, чтобы прочитать описание товара, посмотреть картинку, видео. Поисковые системы считают такой сайт не адаптированным для мобильных устройств и будут понижать его в результатах поиска.

Meta keywords

Правильно составленный метатег keywords должен содержать 5-7 ключевых слов, описывающих основное содержание страницы. Раньше он сильно влиял на ранжирование по заданным в нем ключевым словам, но утратил значимость из-за действий недобросовестных вебмастеров и постоянного развития поисковых систем. Тем не менее, для метатега keywords еще не все потеряно. Так, в отчете «Яндекс и Google: факторы ранжирования в 2017 году» от «Ашманов и партнеры» представлен вывод о влиянии метатега на продвижение в Google.

Пример кода:
<meta name="keywords" content="HTML, тег, атрибут, поисковая оптимизация, SEO">

Когда использовать теги link

В блоке <head> также располагаются теги <link>, которые устанавливают связь данного документа с другими веб-страницами. Рассмотрим такие атрибуты тега «link»: «canonical», «next / prev», «alternate».

Атрибут canonical

Атрибут «rel="canonical"» используют для решения вопросов с дублирующимся контентом: когда на сайте есть близкие или идентичные по содержанию страницы по разным url. Атрибут canonical указывает поисковым системам, какую из дублирующихся страниц индексировать и показывать в результатах поиска, при этом передавая ей ссылочный вес и другие характеристики дубликатов. Чтобы указать, какая из страниц каноническая, нужно в коде страницы-дубля разместить тег «link» с атрибутом «canonical», где в атрибуте «href» п

Поддержка HTML-справочного браузера


Справочник по HTML с поддержкой браузера

В таблице ниже перечислены все элементы HTML и их атрибуты, а также поддержка браузером:

Есть Есть Есть Есть Есть
загрузить 14.0 18,0 20,0 10,1 15,0
href Есть Есть Есть Есть Есть
hreflang Есть Есть Есть Есть Есть
СМИ Есть Есть Есть Есть Есть
пинг Есть Есть Есть
ссылка на политику 51.0 50,0 11,1 38,0
отн. Есть Есть Есть Есть Есть
цель Есть Есть Есть Есть Есть
тип Есть Есть Есть Есть Есть



<зона> Есть Есть Есть Есть Есть
альтернативный Есть Есть Есть Есть Есть
координаты Есть Есть Есть Есть Есть
загрузить Есть Есть Есть Есть Есть
href Есть Есть Есть Есть Есть
hreflang Есть Есть Есть Есть Есть
СМИ Есть Есть Есть Есть Есть
ссылка на политику 51.0 50,0 11,1 38,0
отн. Есть Есть Есть Есть Есть
форма Есть Есть Есть Есть Есть
цель Есть Есть Есть Есть Есть
тип Есть Есть Есть Есть Есть




Есть Есть Есть Есть Есть

<база> Есть Есть Есть Есть Есть
href Есть Есть Есть Есть Есть
цель Есть Есть Есть Есть Есть

16.0 79,0 10,0 15,0

Есть Есть Есть Есть Есть
реж Есть Есть Есть Есть Есть




Есть Есть Есть Есть Есть






Есть Есть Есть Есть Есть
пролет Есть Есть Есть Есть Есть


<данные> 62.0 13,0 22,0 49,0
значение 62,0 13,0 22,0 49,0


Есть Есть Есть Есть Есть


<подробности> 12.0 79,0 49,0 6,0 15,0
открытый 12,0 79,0 49,0 6,0 15,0

Есть Есть Есть Есть Есть

<диалог> 37.0 79,0 53,0 * 24,0
открытый 37,0 79,0 53,0 * 24,0

* Не поддерживается по умолчанию, но можно включить в about: config (установите для dom.dialog_element.enabled значение true).


Есть Есть Есть Есть Есть

Есть Есть Есть Есть Есть

Есть Есть Есть Есть Есть

Есть Есть Есть Есть Есть

<вставка> Есть Есть Есть Есть Есть
высота Есть Есть Есть Есть Есть
src Есть Есть Есть Есть Есть
тип Есть Есть Есть Есть Есть
ширина Есть Есть Есть Есть Есть









<час> Есть Есть Есть Есть Есть

Есть Есть Есть Есть Есть
xmlns Есть Есть Есть Есть Есть

Есть Есть Есть Есть Есть

<рамка> Есть Есть Есть Есть Есть
разрешить 60.0 79,0 74,0 11,1 47,0
Полноэкранный 27,0 11,0 -мс- 18,0 7,0 Есть
allowpaymentrequest
высота Есть Есть Есть Есть Есть
наименование Есть Есть Есть Есть Есть
ссылка на политику 51.0 79,0 50,0 11,1 38,0
песочница 4,0 10,0 17,0 5,0 15,0
src Есть Есть Есть Есть Есть
srcdoc 20.0 79,0 25,0 6,0 15,0
ширина Есть Есть Есть Есть Есть

Есть Есть Есть Есть Есть
альтернативный Есть Есть Есть Есть Есть
перекрестное происхождение Есть Есть Есть Есть Есть
высота Есть Есть Есть Есть Есть
ismap Есть Есть Есть Есть Есть
загрузка 77.0 79,0 75,0 64,0
longdesc Есть Есть Есть Есть Есть
ссылка на политику 51,0 79,0 50,0 11,1 38,0
размеры Есть Есть Есть Есть Есть
src Есть Есть Есть Есть Есть
srcset 34.0 ? 38,0 8,0 21,0
использовать карту Есть Есть Есть Есть Есть
ширина Есть Есть Есть Есть Есть



<КБД> Есть Есть Есть Есть Есть

<метка> Есть Есть Есть Есть Есть
для Есть Есть Есть Есть Есть
форма Есть Есть Есть Есть Есть


  • Есть Есть Есть Есть Есть
    значение Есть Есть Есть Есть Есть

    <ссылка> Есть Есть Есть Есть Есть
    перекрестное происхождение 25.0 79,0 18,0 ? 15,0
    href Есть Есть Есть Есть Есть
    hreflang Есть Есть Есть Есть Есть
    СМИ Есть Есть Есть Есть Есть
    ссылка на политику 51.0 79,0 50,0 11,1 38,0
    отн. Есть Есть Есть Есть Есть
    размеры
    титул Есть Есть Есть Есть Есть
    тип Есть Есть Есть Есть Есть

    <основной> 26.0 12,0 21,0 7,0 16,0

    <карта> Есть Есть Есть Есть Есть
    наименование Есть Есть Есть Есть Есть

    <марка> 6.0 9,0 4,0 5,0 11,1


    <метр> 8,0 13,0 16,0 6,0 11,5
    форма
    высокий 8.0 13,0 16,0 6,0 11,5
    низкий 8,0 13,0 16,0 6,0 11,5
    макс 8,0 13,0 16,0 6,0 11,5
    мин. 8.0 13,0 16,0 6,0 11,5
    оптимальный 8,0 13,0 16,0 6,0 11,5
    значение 8,0 13,0 16,0 6,0 11,5

    5.0 9,0 4,0 5,0 11,1



    Есть Есть Есть Есть Есть
    обратное 18.0 79,0 18,0 6,0 12,1
    начало Есть Есть Есть Есть Есть
    тип Есть Есть Есть Есть Есть



    <выход> 10.0 13,0 4,0 5,1 11,0
    для 10,0 13,0 4,0 7,0 11,5
    форма
    наименование 10.0 13,0 4,0 7,0 11,5

    Есть Есть Есть Есть Есть

    <параметр> Есть Есть Есть Есть Есть
    наименование Есть Есть Есть Есть Есть
    значение Есть Есть Есть Есть Есть


    <до> Есть Есть Есть Есть Есть

    <ход выполнения> 8.0 10,0 16,0 6,0 11,0
    макс 8,0 10,0 16,0 6,0 11,0
    значение 8,0 10,0 16,0 6,0 11,0

    Есть Есть Есть Есть Есть
    указать Есть Есть Есть Есть Есть

    5.0 5,5 38,0 5,0 15,0

    5,0 5,5 38,0 5,0 15,0

    <рубин> 5.0 5,5 38,0 5,0 15,0

    Есть Есть Есть Есть Есть


    <сценарий> Есть Есть Есть Есть Есть
    асинхронный 8.0 10,0 3,6 5,1 15,0
    кодировка Есть Есть Есть Есть Есть
    перекрестное происхождение 30,0 18,0 13,0 13,0 12,1
    отсрочка 8.0 10,0 3,5 5,0 15,0
    целостность 45,0 17,0 43,0 13,0 66,0
    ссылка на политику 70,0 79,0 65,0 Есть
    src Есть Есть Есть Есть Есть
    тип Есть Есть Есть Есть Есть



    <слот> 53.0 79,0 63,0 10,0 40,0


    <источник> 4,0 9,0 3,5 4,0 10,5
    СМИ 38.0 9,0 15,0 9,1 25,0
    размеры 38,0 13,0 3,8 9,1 25,0
    src 4,0 9,0 3,5 4,0 10,5
    srcset 38.0 13,0 38,0 9,1 25,0
    тип 4,0 9,0 3,5 4,0 10,5



    <стиль> Есть Есть Есть Есть Есть
    СМИ Есть Есть Есть Есть Есть
    тип Есть Есть Есть Есть Есть

    Есть Есть Есть Есть Есть


    Есть Есть Есть Есть Есть

    4.0 9,0 3,0 3,2 10,1





    Добавляет многострочную текстовую область, подходящую для ввода большего объема информации, чем однострочное текстовое поле.Любой текст, добавленный между тегами, помещается в область при загрузке страницы.
    < выберите > ...
    Устанавливает пустой раскрывающийся список выбора. Вы можете добавить варианты с помощью тега .
    < набор полей > ...
    Позволяет группировать элементы формы вместе в логические структуры.
    < легенда >...
    Этим тегом можно присвоить заголовок fieldset s.
    < label > ...
    Вы можете превратить пояснительный текст рядом с элементом формы в часть интерактивной области с помощью этого тега, что значительно упрощает выбор элементов.

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

    <адрес> ...
    Включает подпись и адрес автора, выделенные курсивом.
    ...
    Делает заключенный текст полужирным.
    ...
    Увеличивает размер заключенного текста.
    ...
    Позволяет отступить от текста с обеих сторон.

    Останавливает текущую строку и переходит к следующей.
    ...
    Выравнивает окружающие объекты (от текста или изображений до форм и т. Д.)) в центр.
    ...
    Включает цитату и обычно выделяется курсивом.
    ...
    Если вы включаете в свои документы компьютерный или HTML-код, оберните их вокруг него. Он отображается мелким шрифтом.
    ...
    Определение. Как обычно, выделено курсивом.
    ...
    Окружите отдельные разделы своей страницы элементами div, в первую очередь для их выравнивания, но поддерживаются многие другие атрибуты, а также можно использовать div для настройки слоев.
    ...
    Подчеркивает окруженный текст, заменяя его курсивом.
    ...
    Задает свойства шрифта для выделенного текста.
    ...
    Задает текст в качестве заголовка со значениями от h2 (самый большой) до h6 (самый маленький).

    Вставляет серую горизонтальную линию через страницу.
    ...
    Тег по умолчанию для курсива.
    ...
    Подразумевает, что текст нужно вводить с клавиатуры. Он выполнен с одним интервалом и маленьким.
    ...
    Указывает, что заключенный текст не следует переносить по краю экрана, а продолжать до тех пор, пока это необходимо.
    Если вам нужен разрыв строки в блоке текста, который вы установили в nobr , добавьте это.

    ...

    Делает заключенный текст абзацем с пропущенными строками вверху и внизу.
     ... 
    Отображает текст шрифтом фиксированной ширины и сохраняет форматирование исходного текста (т.е. пробелы и разрывы строк).
    ...
    Используется для разметки коротких встроенных цитат. Некоторые браузеры добавляют текст в кавычки.
    ... (или ... )
    Показывает текст зачеркнутым.
    ...
    Обозначает пример вывода из формы или программы. Текст отображается мелким шрифтом.
    <маленький>...
    Уменьшает размер заключенного текста на один размер.
    ...
    Выделяет выделенный текст полужирным шрифтом.
    ...
    Отображает текст в нижнем индексе, то есть слова под обычным текстом. Например: это
    ...
    Сестринский тег для выше, он отображает текст в верхнем индексе. Нравится
    ...
    Отображает текст с одинарным интервалом фиксированной ширины; как на старой машинке.
    ...
    Отображает подчеркнутый текст в окружении.

    Источник HTML принадлежит мне, Россу Шеннону. Я веб-дизайнер из Ирландии и сейчас заканчиваю докторскую степень в области компьютерных наук.

    HTML-элементов

    Тег Добавлен Краткое описание

    Корневой элемент

    Содержит весь документ

    Метаданные документа

    Определяет блок заголовка документа.
    </td> <td> </td> <td> Задает заголовок документа. </td> </tr> <tr> <td> <base> </td> <td> </td> <td> Устанавливает базовый URI для решения относительных URI </td> </tr> <tr> <td> <ссылка> </td> <td> </td> <td> Предоставляет относительную информацию для документов </td> </tr> <tr> <td> <meta> </td> <td> </td> <td> Предоставляет информацию для документа </td> </tr> <tr> <td> <стиль> </td> <td> </td> <td> Содержит презентационные атрибуты </td> </tr> <tr> <th colspan="3"> <h4><span class="ez-toc-section" id="i-26"> Разделы </span></h4> </th> </tr> <tr> <td> <body> </td> <td> </td> <td> Содержит все визуализируемые элементы </td> </tr> <tr> <td> <статья> </td> <td> </td> <td> Содержит распространяемый контент </td> </tr> <tr> <td> <раздел> </td> <td> </td> <td> Определяет раздел документа </td> </tr> <tr> <td> <nav> </td> <td> </td> <td> Определяет раздел навигации </td> </tr> <tr> <td> <aside> </td> <td> </td> <td> Содержит лишь незначительно связанный контент </td> </tr> <tr> <td> <h2><span class="ez-toc-section" id="_1_2_3_4_5_6_HTML"> </td> <td> </td> <td> Вставляет заголовок уровня 1. </td> </tr> <tr> <td> <h3> </td> <td> </td> <td> Вставляет заголовок уровня 2. </td> </tr> <tr> <td> <h4> </td> <td> </td> <td> Вставляет заголовок уровня 3. </td> </tr> <tr> <td> <h5> </td> <td> </td> <td> Вставляет заголовок уровня 4. </td> </tr> <tr> <td> <h5> </td> <td> </td> <td> Вставляет заголовок уровня 5 </td> </tr> <tr> <td> <h6> </td> <td> </td> <td> Вставляет заголовок уровня 6. </td> </tr> <tr> <td> <hgroup> </td> <td> </td> <td> Группирует последовательные заголовки </td> </tr> <tr> <td> <header> </td> <td> </td> <td> Содержит заголовок раздела </td> </tr> <tr> <td> <нижний колонтитул> </td> <td> </td> <td> Содержит нижний колонтитул раздела </td> </tr> <tr> <td> <адрес> </td> <td> </td> <td> Предоставляет контактную информацию </td> </tr> <tr> <th colspan="3"> <h4> Группировка содержимого </h4> </th> </tr> <tr> <td> <p> </td> <td> </td> <td> Вставляет абзац </td> </tr> <tr> <td> <hr> </td> <td> </td> <td> Рисует горизонтальную линию или линейку </td> </tr> <tr> <td> <pre> </td> <td> </td> <td> Определяет блок предварительно отформатированного текста </td> </tr> <tr> <td> <blockquote> </td> <td> </td> <td> Котировка на уровне блока </td> </tr> <tr> <td> <ol> </td> <td> </td> <td> Вставляет упорядоченный список </td> </tr> <tr> <td> <ul> </td> <td> </td> <td> Вставляет неупорядоченный список. </td> </tr> <tr> <td> <menu> </td> <td> </td> <td> Вставляет меню панели инструментов </td> </tr> <tr> <td> <li> </td> <td> </td> <td> Определяет элемент списка </td> </tr> <tr> <td> <dl> </td> <td> </td> <td> Вставляет список определений </td> </tr> <tr> <td> <dt> </td> <td> </td> <td> Вставляет термин в список </td> </tr> <tr> <td> <dd> </td> <td> </td> <td> Предоставляет описания в виде списка </td> </tr> <tr> <td> <figure> </td> <td> </td> <td> Помечает его содержимое как ссылку </td> </tr> <tr> <td> <figcaption> </td> <td> </td> <td> Обеспечивает подпись к рисунку </td> </tr> <tr> <td> <основной> </td> <td> </td> <td> Действует как основной контейнер для элементов </td> </tr> <tr> <td> <div> </td> <td> </td> <td> Определяет блок содержимого </td> </tr> <tr> <th colspan="3"> <h4> Семантика на уровне текста </h4> </th> </tr> <tr> <td> <a> </td> <td> </td> <td> Вставляет ссылки или закладки </td> </tr> <tr> <td> <em> </td> <td> </td> <td> Обозначает выделение </td> </tr> <tr> <td> <strong> </td> <td> </td> <td> Обозначает сильный акцент </td> </tr> <tr> <td> <small> </td> <td> </td> <td> Отображает текст «мелким» шрифтом </td> </tr> <tr> <td> <s> </td> <td> </td> <td> Контент больше не является точным или актуальным </td> </tr> <tr> <td> <cite> </td> <td> </td> <td> Вставляет цитату или ссылку </td> </tr> <tr> <td> <q> </td> <td> </td> <td> Вставляет встроенное предложение </td> </tr> <tr> <td> <dfn> </td> <td> </td> <td> Дает определение термина </td> </tr> <tr> <td> <abbr> </td> <td> </td> <td> Объясняет сокращения </td> </tr> <tr> <td> <ruby> </td> <td> </td> <td> Вставляет рубиновый аннотированный текст </td> </tr> <tr> <td> <rt> </td> <td> </td> <td> Предоставляет рубиновую аннотацию </td> </tr> <tr> <td> <rp> </td> <td> </td> <td> Делает игнорирование текста в рубине </td> </tr> <tr> <td> <данные> </td> <td> </td> <td> Предоставляет машиночитаемую версию </td> </tr> <tr> <td> <время> </td> <td> </td> <td> Представляет дату и / или время </td> </tr> <tr> <td> <code> </td> <td> </td> <td> Обозначает компьютерный код. </td> </tr> <tr> <td> <var> </td> <td> </td> <td> Обозначает экземпляр переменной </td> </tr> <tr> <td> <samp> </td> <td> </td> <td> Содержит пример вывода программы </td> </tr> <tr> <td> <kbd> </td> <td> </td> <td> Представляет текст, введенный пользователями. </td> </tr> <tr> <td> <sub> </td> <td> </td> <td> Определяет подстрочный текст </td> </tr> <tr> <td> <sup> </td> <td> </td> <td> Определяет надстрочный текст </td> </tr> <tr> <td> <i> </td> <td> </td> <td> Отображает текст курсивом </td> </tr> <tr> <td> <b> </td> <td> </td> <td> Текст выделен жирным шрифтом </td> </tr> <tr> <td> <u> </td> <td> </td> <td> Представляет нетекстовые аннотации </td> </tr> <tr> <td> <mark> </td> <td> </td> <td> Помечает текст в другом документе </td> </tr> <tr> <td> <bdi> </td> <td> </td> <td> Изоляторы для двунаправленного форматирования </td> </tr> <tr> <td> <bdo> </td> <td> </td> <td> Заменяет двунаправленный алгоритм </td> </tr> <tr> <td> <span> </td> <td> </td> <td> Присваивает атрибуты тексту (встроенный) </td> </tr> <tr> <td> <br> </td> <td> </td> <td> Принудительный разрыв строки </td> </tr> <tr> <td> <wbr> </td> <td> </td> <td> Представляет возможность разрыва строки </td> </tr> <tr> <th colspan="3"> <h4> Редакции </h4> </th> </tr> <tr> <td> <ins> </td> <td> </td> <td> Обозначает вставленный текст </td> </tr> <tr> <td> <del> </td> <td> </td> <td> Указывает на удаленный текст </td> </tr> <tr> <th colspan="3"> <h4> Встроенное содержимое </h4> </th> </tr> <tr> <td> <picture> </td> <td> </td> <td> Вставляет изображение из нескольких источников. </td> </tr> <tr> <td> <source> </td> <td> </td> <td> Задает альтернативные медиаресурсы </td> </tr> <tr> <td> <img> </td> <td> </td> <td> Вставляет изображение </td> </tr> <tr> <td> <iframe> </td> <td> </td> <td> Вставляет рамку внутри документа. </td> </tr> <tr> <td> <embed> </td> <td> </td> <td> Интегрирует внешние приложения </td> </tr> <tr> <td> <объект> </td> <td> </td> <td> Запускает внешние приложения </td> </tr> <tr> <td> <параметр> </td> <td> </td> <td> Устанавливает параметр для объекта </td> </tr> <tr> <td> <видео> </td> <td> </td> <td> Вставляет видео в документ </td> </tr> <tr> <td> <audio> </td> <td> </td> <td> Вставляет аудиофайлы в документ. </td> </tr> <tr> <td> <track> </td> <td> </td> <td> Предоставляет текстовые дорожки для видео </td> </tr> <tr> <td> <map> </td> <td> </td> <td> Определяет карту изображения на стороне клиента </td> </tr> <tr> <td> <area> </td> <td> </td> <td> Определяет сектора для карт изображений </td> </tr> <tr> <th colspan="3"> <h4> Табличные данные </h4> </th> </tr> <tr> <td> <таблица> </td> <td> </td> <td> Вставляет таблицу </td> </tr> <tr> <td> <caption> </td> <td> </td> <td> Обеспечивает заголовок для таблицы </td> </tr> <tr> <td> <colgroup> </td> <td> </td> <td> Группирует столбцы в таблице </td> </tr> <tr> <td> <col> </td> <td> </td> <td> Устанавливает атрибуты для столбцов таблицы </td> </tr> <tr> <td> <tbody> </td> <td> </td> <td> Определяет тело таблицы </td> </tr> <tr> <td> <thead> </td> <td> </td> <td> Определяет заголовок таблицы </td> </tr> <tr> <td> <tfoot> </td> <td> </td> <td> Определяет нижний колонтитул таблицы </td> </tr> <tr> <td> <tr> </td> <td> </td> <td> Вставляет строку в таблицу </td> </tr> <tr> <td> <td> </td> <td> </td> <td> Вставляет обычную ячейку в таблицу. </td> </tr> <tr> <td> <th> </td> <td> </td> <td> Вставляет ячейку заголовка в таблицу </td> </tr> <tr> <th colspan="3"> <h4> Формы </h4> </th> </tr> <tr> <td> <форма> </td> <td> </td> <td> Вставляет форму </td> </tr> <tr> <td> <label> </td> <td> </td> <td> Устанавливает метку для элемента управления </td> </tr> <tr> <td> <input> </td> <td> </td> <td> Отображает элемент управления вводом </td> </tr> <tr> <td> <button> </td> <td> </td> <td> Создает кнопку управления </td> </tr> <tr> <td> <select> </td> <td> </td> <td> Создает элемент управления выбора </td> </tr> <tr> <td> <datalist> </td> <td> </td> <td> Предлагает варианты полей ввода </td> </tr> <tr> <td> <optgroup> </td> <td> </td> <td> Группирует параметры в элементе управления выбора </td> </tr> <tr> <td> <option> </td> <td> </td> <td> Вставляет параметр в элемент управления выбора </td> </tr> <tr> <td> <textarea> </td> <td> </td> <td> Создает многострочный текстовый ввод </td> </tr> <tr> <td> <output> </td> <td> </td> <td> Показывает результат процесса </td> </tr> <tr> <td> <progress> </td> <td> </td> <td> Показывает ход выполнения задачи </td> </tr> <tr> <td> <метр> </td> <td> </td> <td> Представляет собой измерение </td> </tr> <tr> <td> <fieldset> </td> <td> </td> <td> Группирует элементы управления в форме </td> </tr> <tr> <td> <legend> </td> <td> </td> <td> Назначает заголовок для набора полей </td> </tr> <tr> <th colspan="3"> <h4> Интерактивные элементы </h4> </th> </tr> <tr> <td> <подробности> </td> <td> </td> <td> Предоставляет сворачиваемую информацию </td> </tr> <tr> <td> <summary> </td> <td> </td> <td> Предоставляет сводку для элемента сведений </td> </tr> <tr> <td> <dialog> </td> <td> </td> <td> Вставляет диалоговое окно </td> </tr> <tr> <th colspan="3"> <h4> Создание сценариев </h4> </th> </tr> <tr> <td> <script> </td> <td> </td> <td> Содержит скрипты </td> </tr> <tr> <td> <noscript> </td> <td> </td> <td> Предоставляет альтернативное содержимое для скриптов </td> </tr> <tr> <td> <шаблон> </td> <td> </td> <td> Определяет шаблон для поступающих данных </td> </tr> <tr> <td> <слот> </td> <td> </td> <td> Заполнитель для данных в компонентах </td> </tr> <tr> <td> <canvas> </td> <td> </td> <td> Отображает динамическую растровую графику </td> </tr> </table> <h2><span class="ez-toc-section" id="_1_2_3_4_5_6_HTML"> Поддерживаемый HTML </span></h2><div class="advv"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="9935184599"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <p> Safari и WebKit реализуют большую часть спецификации HTML5, определенной Консорциумом World Wide Web (W3C).Эта ссылка определяет каждый символ в спецификации, которую реализует Safari. Если элемент не указан здесь, он не поддерживается Safari и WebKit. </p> <h3><span class="ez-toc-section" id="HTML-3"> HTML-теги </span></h3> <h4><span class="ez-toc-section" id="a"> a </span></h4> <p> Задает гиперссылку или привязку страницы. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Когда атрибут <code> href </code> используется с элементом <code> a </code>, текст или изображение, заключенные в элемент, становятся гиперссылкой, связанной с указанным URL по <code> URL </code>.Когда используется атрибут <code> name </code>, элемент становится якорем, на который можно связать гиперссылку. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="abbr"> abbr </span></h4> <p> Задает сокращенную форму строки. Используйте <code> abbr </code> вместо <code> аббревиатуры </code>. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <abbr title = "fullstring"> abbrev </abbr> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> 9000br5 строка 93 в Safari 93, строка 93 в Safari отображается на экране, в то время как содержимое строки <code> fullstring </code> отображается в форме элемента справки при наведении курсора мыши на сокращенное значение.Этот элемент также полезен для приложений, которые читают базовый HTML-код страницы, например для программ чтения с экрана. Используйте <code> abbr </code> вместо <code> аббревиатуры </code>. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-27"> аббревиатура </span></h4> <p> Устарело. Задает аббревиатуру строки. Вместо этого используйте <code> abbr </code>. </p> <dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Поведение элемента </code> акронима <code> было идентично поведению элемента <code> abbr </code>. </p> </dd> </dl> <dl> <b> <strong> Доступность </strong> </b> <dd> <p> Элемент акронима <code> </code> объявлен устаревшим в спецификации HTML5.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-28"> адрес </span></h4> <p> Указывает почтовый адрес. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <address> streetaddress </address> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> Discussion </strong> </b> <dd> <p> Элемент <code> указывает адрес </code>. Адрес, заключенный внутри элемента, выделен курсивом. Разрывы строк (например, между почтовым адресом и городом / штатом / почтовым индексом) автоматически не вставляются.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-29"> апплет </span></h4> <p> Устарело. Встраивает Java-апплет на страницу. Вместо этого используйте <code> embed </code> или <code> object </code>. </p> <dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Апплет отображается в месте расположения элемента на странице. Расположение апплета задается URL-адресом, заданным параметром <code> archive </code>. </p> </dd> </dl> <dl> <b> <strong> Доступность </strong> </b> <dd> <p> Элемент </code> апплета <code> объявлен устаревшим в спецификации HTML5.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-30"> область </span></h4> <p> Задает определенную область на карте изображения. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <area shape = "shapetype" coords = "coords" href = "URL"> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> </td>30003 </strong> </b> <code> Область обсуждения </strong> </b> <code> определяет дискретные области на карте изображения (определяемой охватывающим элементом <code> map </code>). Область, определенная этим элементом, действует как гиперссылка, связанная с URL-адресом, указанным с помощью <code> URL </code>, ограничивающей формой, указанной с помощью <code> shape </code>, и координатами, указанными с помощью <code> координат </code>.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="article"> article </span></h4> <p> Задает независимый раздел страницы. </p> <dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Используйте <code> статью </code> вместо <code> div </code>, чтобы содержать сообщение на форуме, газетную статью или запись в блоге. Статья может быть вложена в другой элемент <code> article </code>. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-31"> в сторону </span></h4> <p> Определяет раздел страницы, который непосредственно связан с окружающим содержимым. </p> <dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> помимо </code> может указывать содержимое в скобках, например кавычки или боковые панели.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-32"> аудио </span></h4> <p> Встраивает звук на веб-страницу. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <audio src = "url" </pre> </td> </tr> <tr> <td scope="row"> <pre> autoplay = "autoplay" <! - Логический атрибут. Пропустить, чтобы предотвратить автовоспроизведение. -> </pre> </td> </tr> <tr> <td scope="row"> <pre> start = "00: 00: 00.00" </pre> </td> </tr> <tr> <td scope="row"> <pre> loopstart = "00: 00: 00.07" <! - 7 секунд -> </pre> </td> </tr> <tr> <td scope="row"> <pre> loopend = «00:00:00.19 "</pre> </td> </tr> <tr> <td scope="row"> <pre> end =" 00: 00: 00.27 "</pre> </td> </tr> <tr> <td scope="row"> <pre> playcount =" 4 "<! - play 4x -> </pre> </td> </tr> <tr> <td scope="row"> <pre> controls =" true "> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> audio </code> может содержать резервный контент для браузеров, которые не поддерживают этот элемент. Любое содержимое, заключенное в элемент <code> audio </code>, игнорируется браузерами, поддерживающими <code> audio </code> элемент (но это должен быть действительный HTML).</p> <p> Элемент <code> audio </code> поддерживает включение элементов <code> source </code>, чтобы обеспечить несколько версий аудиоклипа, закодированного с помощью разных кодеков, с разными скоростями передачи и т. Д. Эти элементы <code> source </code> должны быть первыми элементами внутри элемента <code> audio </code> перед любым резервным контентом. См. <code> источник </code> для получения дополнительной информации. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="b"> b </span></h4> <p> Текст выделен полужирным шрифтом. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Текст, указанный в <code> content </code>, выделен жирным шрифтом, но в остальном соответствует стилю окружающего элемента.Прежде чем выбирать <code> b </code>, рассмотрите возможность использования <code> em </code> для добавления акцента и <code> strong </code> для обозначения важности. Стили следует более точно настраивать с помощью CSS вместо использования элементов стиля HTML. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="base"> base </span></h4> <p> Определяет базовый URL-адрес для всех связанных объектов на странице. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> URL-адрес, указанный в <code> href </code>, действует как базовый URL-адрес для любого относительно связанного объекта, такого как изображение, гиперссылка или Java-апплет, на странице .Если URL-адрес указан абсолютно (с полным URL-адресом), этот элемент не влияет на него. Элемент <code> base </code> необходимо разместить в разделе <code> head </code> страницы. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="basefont"> basefont </span></h4> <p> Устарело. Определяет базовый шрифт для страницы. Вместо этого используйте стили CSS. </p> <dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Шрифт используется как шрифт по умолчанию для страницы, если не указано иное. Шрифт задается как <code> face </code>, его размер определяется как <code> size </code>, а его цвет определяется как <code> color </code>.Эти атрибуты и их различные параметры определены в <code> Поддерживаемые атрибуты </code>. Используйте стили CSS, чтобы установить это свойство для включающих элементов, если у вас нет особой причины использовать <code> basefont </code>. </p> </dd> </dl> <dl> <b> <strong> Доступность </strong> </b> <dd> <p> Элемент <code> basefont </code> объявлен устаревшим в спецификации HTML5. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="bdi"> bdi </span></h4> <p> Задает текст, который может отображаться в уникальном направлении.</p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <p> Английский контент и <bdi> арабский контент </bdi> </p> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> 9000di </code>35 Использование </code>35 когда направление отображения текста неизвестно. В отличие от элементов <code> bdo </code>, элементы <code> bdi </code> не отображаются автоматически в одном направлении. См. Http://www.w3.org/TR/CSS2/visuren.html # direction для получения дополнительной информации о направленном тексте. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="bdo"> bdo </span></h4> <p> Отображает текст в другом направлении. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <bdo dir = "dir"> content </bdo> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Текст, указанный </code>35, отображается слева вправо, если <code> dir </code> установлен на <code> ltr </code>; он отображается справа налево, если установлено значение <code> rtl </code>.См. Http://www.w3.org/TR/CSS2/visuren.html#direction для получения дополнительной информации о направленном тексте. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-33"> большой </span></h4> <p> Устарело. Отображает текст большого размера. Вместо этого используйте стили CSS. </p> <dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Текст, заданный параметром <code> content </code>, отображается в большем размере, но в остальном соответствует стилю включающего элемента. Стили следует более точно настраивать с помощью CSS вместо использования элементов стиля HTML. </p> </dd> </dl> <dl> <b> <strong> Доступность </strong> </b> <dd> <p> Большой элемент <code> </code> объявлен устаревшим в спецификации HTML5.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-34"> цитата </span></h4> <p> Отображает текст в стиле цитаты с отступом. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <blockquote> content </blockquote> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Текст, указанный с обеих сторон <code> с отступом <code> текстовый блок), но в остальном соответствует стилю включающего элемента. Стили следует более точно настраивать с помощью CSS вместо использования элементов стиля HTML.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-35"> тело </span></h4> <p> Определяет целостность тела документа. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Содержимое, указанное <code> содержимым </code>, составляет большую часть содержимого страницы. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="br"> br </span></h4> <p> Представляет одиночный разрыв строки. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Макет должен быть более точно настроен с использованием CSS вместо использования элементов стиля HTML.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-36"> кнопка </span></h4> <p> Определяет интерактивную кнопку на странице. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <button> content </button> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Текст, заданный кнопкой <code> content, отображается внутри рамки содержимого </code> . Он отличается от типа ввода <code> кнопка </code> тем, что вы можете указать содержимое в элементе <code> button </code>.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-37"> холст </span></h4> <p> Определяет расширенную область рисования. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <canvas> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> canvas </code> определяет расположение области расширенного рисования. Элемент <code> canvas </code> поддерживает те же атрибуты, что и элемент <code> img </code>, за исключением атрибута <code> src </code>, который игнорируется для элемента <code> canvas </code>.Вы можете указать любые другие атрибуты, которые вы обычно указываете для изображения. Идентификатор, указанный в <code> id </code>, необходим для виджетов Dashboard, как и высота и ширина, заданные параметрами <code> height </code> и <code> width </code>, соответственно. </p> <p> Прочтите <em> Safari HTML5 Canvas Guide </em> для получения дополнительной информации. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="caption"> caption </span></h4> <p> Определяет заголовок для таблицы HTML. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <caption> content </caption> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Текст, указанный в заголовке <code> content </code>, отображается как текст заголовка </code> в котором заключена подпись.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-38"> центр </span></h4> <p> Устарело. Определяет область содержимого для центрирования. Вместо этого используйте стили CSS. </p> <dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Содержимое, обернутое центральным элементом <code> </code>, центрируется внутри его охватывающего элемента. Стили следует более точно настраивать с помощью CSS вместо использования элементов стиля HTML. </p> </dd> </dl> <dl> <b> <strong> Доступность </strong> </b> <dd> <p> Элемент <code> center </code> объявлен устаревшим в спецификации HTML5.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="cite"> cite </span></h4> <p> Задает ссылку. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> cite </code> определяет цитирование. Текст внутри элемента выделен курсивом. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-39"> код </span></h4> <p> Задает текст как компьютерный код. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> code </code> определяет блок кода.Текст, заключенный в элемент, использует моноширинный шрифт «телетайп». </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="col"> col </span></h4> <p> Задает атрибуты столбцов в таблице. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> col </code> позволяет вам указывать атрибуты для данного столбца таблицы с этими атрибутами, заданными <code> свойствами </code>. Ряд из <code> элементов столбца </code> должен быть размещен в порядке фактических столбцов таблицы.Эти элементы должны быть помещены в таблицу <code> или группу </code>. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="colgroup"> colgroup </span></h4> <p> Задает атрибуты для нескольких столбцов в таблице. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <colgroup properties> </colgroup> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Эти атрибуты <code> colgroup определяют атрибуты столбцов элемента </code> указано <code> свойства </code>.Например, чтобы установить выравнивание центрального столбца для трех разных столбцов, вы должны использовать <code> <colgroup span = "3"> </code>. Эти элементы должны быть помещены в таблицу. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-40"> команда </span></h4> <p> Устарело. Задает команду, которую может вызывать пользователь. Вместо этого используйте <code> элемент меню </code>. </p> <dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> command </code> объявлен устаревшим в спецификации HTML5. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="datalist"> datalist </span></h4> <p> Содержит набор <code> элементов option </code> для элемента управления.</p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <input name = "state" list = "states"> </pre> </td> </tr> <tr> <td scope="row"> <pre> <datalist> </pre> </td> </tr> <tr> <td scope="row"> <pre> <option> </pre> </option> </pre> </o </td> </tr> <tr> <td scope="row"> <pre> <option> Аляска </option> </pre> </td> </tr> <tr> <td scope="row"> <pre>… </pre> </td> </tr> <tr> <td scope="row"> <pre> <option> Вайоминг </option> </pre> </td> </tr> <tr> <td scope="row"> </b>3 </datalist> <dd> </td>5 </td> </dl> <h4><span class="ez-toc-section" id="dd"> dd </span></h4> <p> Задает определение термина.</p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> dd </code> определяет определение термина в списке определений HTML. Текст, заключенный внутри элемента, имеет отступ под термином, указанным в включающем блоке <code> dt </code>. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="del"> del </span></h4> <p> Задает блок удаленного текста. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> del </code> определяет блок удаленного текста, который отмечен горизонтальной линией по центру.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="i-41"> подробности </span></h4> <p> Определяет элемент управления для дополнительной информации, обычно отображающий треугольник раскрытия. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd> <table> <tr> <td scope="row"> <pre> <подробности> </pre> </td> </tr> <tr> <td scope="row"> <pre> <summary> Сводная информация </summary> </pre> </td> </tr> <tr> <td scope="row"> <pre> <p> Подробная информация </p16 9159 <td scope="row"> <pre> </details> </pre> </td> </tr> </table> </dd> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Вложенное содержимое обнаруживается при взаимодействии с пользователем.Элемент <code> summary </code> должен быть включен в элемент <code> details </code>. </p> </dd> </dl> <dl> <b> <strong> Доступность </strong> </b> <dd> <p> Элемент <code> details </code> был представлен в спецификации HTML5. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="dfn"> dfn </span></h4> <p> Задает определение. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> dfn </code> задает определение любого вида.</p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="dir"> dir </span></h4> <p> Устарело. Задает список каталогов. При необходимости используйте стили CSS или элементы списка. </p> <dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> dir </code> определяет список каталогов, каждый элемент которого определяется элементом <code> li </code>. Стили списков следует более точно настраивать с помощью CSS вместо использования элементов стиля HTML, а вместо этого следует определять структуру с помощью элементов <code> ul </code> и <code> ol </code>.</p> </dd> </dl> <dl> <b> <strong> Доступность </strong> </b> <dd> <p> Элемент <code> dir </code> объявлен устаревшим в спецификации HTML5. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="div"> div </span></h4> <p> Задает раздел документа без стиля. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> div </code> определяет раздел в документе как блочный элемент. Несколько блоков div располагаются вертикально на странице.Используйте стили CSS для настройки свойств стиля этого элемента. </p> </dd> </dl> </dl> <h4><span class="ez-toc-section" id="dl"> dl </span></h4> <p> Задает список определений. </p> <dl> <dl> <b> <strong> Синтаксис </strong> </b> <dd/> </dl> <dl> <b> <strong> Обсуждение </strong> </b> <dd> <p> Элемент <code> dl </code> определяет список определений. В пределах этого блока термины, подлежащие определению, должны быть помечены с помощью элемента <code> dt </code>, а их определения должны включать </p> </dd> </dl> </dl> <table> <h2><span class="ez-toc-section" id="HTML-4"> HTML-тегов </span></h2><div class="advv"> <ins class="adsbygoogle" style="display:inline-block;width:336px;height:280px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="9935184599"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <tr> <td> <! -...--> </td> <td> Представляет комментарий в HTML-коде. Комментарии не отображаются на веб-странице (только в исходном коде). </td> <td> </td> </tr> <tr> <td> <! Doctype> </td> <td> Представляет тип документа. (HTML5 использует <code> <! Doctype html> </code>) </td> <td> </td> </tr> <tr> <td> <a> </td> <td> Представляет гиперссылку (ссылку, по которой пользователь нажимает, чтобы перейти на другую веб-страницу или документ). </td> <td> </td> </tr> <tr> <td> <abbr> </td> <td> Обозначает сокращение </td> <td> </td> </tr> <tr> <td> <адрес> </td> <td> Представляет элемент адреса </td> <td> </td> </tr> <tr> <td> <зона </td> <td> Представляет область на карте изображения.Используется с элементами <code> <map> </code> и <code> <img> </code>. </td> <td> </td> </tr> <tr> <td> <статья> </td> <td> Обозначает статью. Этот тег HTML был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <сторона> </td> <td> Представляет содержимое помимо содержимого страницы. Этот элемент HTML является новым в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <аудио> </td> <td> Представляет звуковое содержимое.Элемент <code> <audio> </code> является новым в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <b> </td> <td> Обозначает полужирный текст. Не путать с элементом <code> <strong> </code>. </td> <td> </td> </tr> <tr> <td> <база> </td> <td> Представляет базовый URL для всех ссылок на странице </td> <td> </td> </tr> <tr> <td> <bdi> </td> <td> Для двунаправленного форматирования текста. Этот тег HTML был введен в HTML5.</td> <td> НОВЫЙ </td> </tr> <tr> <td> <bdo> </td> <td> Представляет направление отображения текста </td> <td> </td> </tr> <tr> <td> <blockquote> </td> <td> представляет собой длинную цитату. Для коротких цитат см. Элемент <code> <q> </code>. </td> <td> </td> </tr> <tr> <td> <тело> </td> <td> Представляет элемент корпуса </td> <td> </td> </tr> <tr> <td> <br> </td> <td> Вставляет одинарный разрыв строки </td> <td> </td> </tr> <tr> <td> <кнопка> </td> <td> Представляет элемент управления в форме кнопки.</td> <td> </td> </tr> <tr> <td> <холст> </td> <td> Определить графику. Тег <code> <canvas & gt </code> является новым в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <заголовок> </td> <td> Представляет заголовок таблицы </td> <td> </td> </tr> <tr> <td> <cite> </td> <td> Представляет цитату </td> <td> </td> </tr> <tr> <td> <код> </td> <td> Представляет текст компьютерного кода </td> <td> </td> </tr> <tr> <td> <col> </td> <td> Представляет атрибуты для столбцов таблицы </td> <td> </td> </tr> <tr> <td> <colgroup> </td> <td> Представляет группы столбцов таблицы </td> <td> </td> </tr> <tr> <td> <данные> </td> <td> Позволяет предоставлять машиночитаемые данные.Этот тег был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <специалист по данным> </td> <td> Представляет раскрывающийся список «автозаполнение». Тег <code> <datalist> </code> был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <dd> </td> <td> Представляет описание определения </td> <td> </td> </tr> <tr> <td> <del> </td> <td> Представляет удаленный текст </td> <td> </td> </tr> <tr> <td> <подробности> </td> <td> Представляет подробную информацию об элементе.Этот тег был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <dfn> </td> <td> Определяет термин определения </td> <td> </td> </tr> <tr> <td> <диалог> </td> <td> Обозначает, что часть приложения является интерактивной. Этот тег появился впервые в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <div> </td> <td> Представляет раздел в документе </td> <td> </td> </tr> <tr> <td> <dl> </td> <td> Представляет список определений </td> <td> </td> </tr> <tr> <td> <dt> </td> <td> Представляет определение термина </td> <td> </td> </tr> <tr> <td> <em> </td> <td> Обозначает выделенный текст </td> <td> </td> </tr> <tr> <td> <вставка> </td> <td> Представляет внешнее приложение или интерактивный контент.Тег <code> <embed> </code> был введен в HTML5 (хотя браузеры поддерживали его задолго до HTML5). </td> <td> НОВЫЙ </td> </tr> <tr> <td> <fieldset> </td> <td> Представляет набор полей </td> <td> </td> </tr> <tr> <td> <figcaption> </td> <td> Обозначает заголовок для элемента <code> figure </code>. Тег <code> <figcaption> </code> является новым в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <рисунок> </td> <td> Представляет группу мультимедийного содержимого и их заголовок.Этот тег был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <нижний колонтитул> </td> <td> Представляет нижний колонтитул для раздела или страницы. Этот тег был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <форма> </td> <td> Представляет собой форму </td> <td> </td> </tr> <tr> <td> <h2> </td> <td> Обозначает уровень заголовка 1 </td> <td> </td> </tr> <tr> <td> <h3> </td> <td> Обозначает уровень заголовка 2 </td> <td> </td> </tr> <tr> <td> <h4> </td> <td> Обозначает уровень заголовка 3 </td> <td> </td> </tr> <tr> <td> <h5> </td> <td> Обозначает уровень заголовка 4 </td> <td> </td> </tr> <tr> <td> <h5> </td> <td> Обозначает уровень заголовка 5 </td> <td> </td> </tr> <tr> <td> <h6> </td> <td> Обозначает уровень заголовка 6 </td> <td> </td> </tr> <tr> <td> <head> </td> <td> Представляет информацию о документе </td> <td> </td> </tr> <tr> <td> <заголовок> </td> <td> Представляет группу вводных или навигационных средств, включая <code> элемента hgroup </code>.Этот тег был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <hgroup> </td> <td> Представляет заголовок для раздела или страницы. <p> Обратите внимание, что этот элемент был исключен из спецификации W3C HTML5, но все еще включен в WHATWG HTML Living Standard. </p> </td> <td> НОВЫЙ </td> </tr> <tr> <td> <hr> </td> <td> представляет собой горизонтальную линейку </td> <td> </td> </tr> <tr> <td> <html> </td> <td> Представляет HTML-документ </td> <td> </td> </tr> <tr> <td> <i> </td> <td> Обозначает текст курсивом </td> <td> </td> </tr> <tr> <td> <кадр> </td> <td> Представляет встроенное подокно (фрейм) </td> <td> </td> </tr> <tr> <td> <img> </td> <td> Представляет изображение </td> <td> </td> </tr> <tr> <td> <вход> </td> <td> Представляет поле ввода </td> <td> </td> </tr> <tr> <td> <ins> </td> <td> Представляет вставленный текст </td> <td> </td> </tr> <tr> <td> <КБД> </td> <td> Представляет текст на клавиатуре </td> <td> </td> </tr> <tr> <td> <метка> </td> <td> Представляет метку для элемента управления формы </td> <td> </td> </tr> <tr> <td> <легенда> </td> <td> Представляет заголовок в наборе полей </td> <td> </td> </tr> <tr> <td> <li> </td> <td> Представляет элемент списка </td> <td> </td> </tr> <tr> <td> <ссылка> </td> <td> Представляет ссылку на ресурс </td> <td> </td> </tr> <tr> <td> <основной> </td> <td> Представляет основную область содержимого HTML-документа.Этот тег появился впервые в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <карта> </td> <td> Представляет карту изображения </td> <td> </td> </tr> <tr> <td> <марка> </td> <td> - обозначает отмеченный текст. Этот тег был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <меню> </td> <td> Представляет панель инструментов, состоящую из ее содержимого в форме неупорядоченного списка элементов (представленных элементами li), каждый из которых представляет команду, которую пользователь может выполнить или активировать.</td> <td> </td> </tr> <tr> <td> <мета </td> <td> Представляет метаинформацию </td> <td> </td> </tr> <tr> <td> <метр> </td> <td> Представляет результат измерения в пределах предварительно определенного диапазона. Этот элемент является новым в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <nav> </td> <td> Представляет навигационные ссылки. Этот тег был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <объявление> </td> <td> Представляет раздел noscript </td> <td> </td> </tr> <tr> <td> <объект> </td> <td> Представляет внедренный объект </td> <td> </td> </tr> <tr> <td> <ol> </td> <td> Представляет упорядоченный список </td> <td> </td> </tr> <tr> <td> <optgroup> </td> <td> Представляет группу опций </td> <td> </td> </tr> <tr> <td> <опция> </td> <td> Представляет параметр в раскрывающемся списке </td> <td> </td> </tr> <tr> <td> <выход> </td> <td> Представляет некоторые типы вывода.Элемент <code> <output> </code> был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <p> </td> <td> Обозначает абзац </td> <td> </td> </tr> <tr> <td> <параметр> </td> <td> Представляет параметр для объекта </td> <td> </td> </tr> <tr> <td> <картинка> </td> Контейнер <td>, который предоставляет несколько источников для содержащегося в нем элемента <code> img </code>, чтобы позволить авторам декларативно контролировать или давать подсказки пользовательскому агенту о том, какой ресурс изображения использовать, на основе плотности пикселей экрана, размера области просмотра, формата изображения и других факторов.</td> <td> НОВЫЙ </td> </tr> <tr> <td> <пред> </td> <td> Представляет предварительно отформатированный текст </td> <td> </td> </tr> <tr> <td> <прогресс> </td> <td> Показывает ход выполнения задачи любого типа. Этот элемент был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <q> </td> <td> Обозначает короткую цитату </td> <td> </td> </tr> <tr> <td> <rb> </td> <td> Отмечает базовый текстовый компонент рубиновой аннотации.Этот тег появился впервые в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <rp> </td> <td> Используется для браузеров, не поддерживающих рубиновые аннотации. Этот элемент был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <rt> </td> <td> Представляет рубиновый текстовый компонент рубиновой аннотации. Этот элемент был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <rtc> </td> <td> Помечает рубиновый текстовый контейнер для рубиновых текстовых компонентов в рубиновой аннотации.Этот элемент является новым в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <рубин> </td> <td> Представляет рубиновую аннотацию (используется в восточноазиатской типографике). Элемент <code> <ruby> </code> был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <s> </td> <td> Обозначает текст, который больше не является точным или актуальным. </td> <td> </td> </tr> <tr> <td> <samp> </td> <td> представляет собой образец компьютерного кода </td> <td> </td> </tr> <tr> <td> <скрипт> </td> <td> Представляет сценарий </td> <td> </td> </tr> <tr> <td> <раздел> </td> <td> Представляет раздел.Этот тег появился впервые в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <выбрать> </td> <td> Представляет выбираемый список </td> <td> </td> </tr> <tr> <td> <слот> </td> <td> Определяет слот, обычно в теневом дереве. Этот HTML-тег появился впервые в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <маленький> </td> <td> Обозначает мелкий текст </td> <td> </td> </tr> <tr> <td> <источник> </td> <td> Представляет медиаресурсы.Этот элемент HTML является новым в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <span> </td> <td> Представляет раздел в документе </td> <td> </td> </tr> <tr> <td> <strong> </td> <td> Представляет строгий текст </td> <td> </td> </tr> <tr> <td> <стиль> </td> <td> Представляет определение стиля </td> <td> </td> </tr> <tr> <td> <sub> </td> <td> Обозначает подписанный текст </td> <td> </td> </tr> <tr> <td> <резюме> </td> <td> Представляет сводку / заголовок для элемента <code> <details> </code>.Этот HTML-тег появился впервые в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <sup> </td> <td> Обозначает надстрочный текст </td> <td> </td> </tr> <tr> <td> <таблица> </td> <td> Представляет собой таблицу </td> <td> </td> </tr> <tr> <td> <tbody> </td> <td> Представляет тело стола </td> <td> </td> </tr> <tr> <td> <td> </td> <td> Представляет ячейку таблицы </td> <td> </td> </tr> <tr> <td> <шаблон> </td> <td> Позволяет объявить фрагмент HTML, который можно клонировать и вставить в документ с помощью сценария.</td> <td> </td> </tr> <tr> <td> <textarea> </td> <td> Представляет текстовую область </td> <td> </td> </tr> <tr> <td> <фут> </td> <td> Представляет нижний колонтитул таблицы </td> <td> </td> </tr> <tr> <td> <th> </td> <td> Представляет заголовок таблицы </td> <td> </td> </tr> <tr> <td> <thead> </td> <td> Представляет заголовок таблицы </td> <td> </td> </tr> <tr> <td> <время> </td> <td> Представляет дату / время.Этот элемент HTML был введен в HTML5. </td> <td> НОВЫЙ </td> </tr> <tr> <td> <название> </td> <td> Обозначает название документа </td> <td> </td> </tr> <tr> <td> <tr> </td> <td> Представляет строку таблицы </td> <td> </td> </tr> <tr> <td> <трек> </td> <td> Представляет текстовую дорожку для мультимедиа, например видео и аудио. </div><!-- .entry-content --> </div><!-- .entry-content-wrapper --> </div> </article><!-- #post --> <nav class="navigation post-navigation" role="navigation" aria-label="Записи"> <h2 class="screen-reader-text">Навигация по записям</h2> <div class="nav-links"><div class="nav-previous"><a href="https://xn--90abhccf7b.xn--p1ai/html/html-vstavit-video-s-yutuba-dobavlyaem-video-s-youtube-na-sajt-cherez-iframe-dopolnitelnye-nastrojki-vstraivaniya-video-iz-youtube.html" rel="prev">Html вставить видео с ютуба – Добавляем видео с YouTube на сайт через iframe. Дополнительные настройки встраивания видео из Youtube</a></div><div class="nav-next"><a href="https://xn--90abhccf7b.xn--p1ai/raznoe/kak-stat-sisadminom-trenazher-dlya-sistemnogo-administratora-ili-kak-prevzojti-svoix-byvshix-sokursnikov-na-sobesedovanii.html" rel="next">Как стать сисадмином – Тренажер для системного администратора или как превзойти своих бывших сокурсников на собеседовании</a></div></div> </nav><div id="comments" class="comments-area"> <div id="respond" class="comment-respond"> <h3 id="reply-title" class="comment-reply-title">Добавить комментарий <small><a rel="nofollow" id="cancel-comment-reply-link" href="/html/spravochnik-html-tegov-html-html-i-html5-opisanie-tegov-po-osnovnym-razdelam.html#respond" style="display:none;">Отменить ответ</a></small></h3><form action="https://xn--90abhccf7b.xn--p1ai/wp-comments-post.php" method="post" id="commentform" class="comment-form" novalidate><p class="comment-notes"><span id="email-notes">Ваш адрес email не будет опубликован.</span> Обязательные поля помечены <span class="required">*</span></p><p class="comment-form-comment"><label for="comment">Комментарий</label> <textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea></p><p class="comment-form-author"><label for="author">Имя <span class="required">*</span></label> <input id="author" name="author" type="text" value="" size="30" maxlength="245" required='required' /></p> <p class="comment-form-email"><label for="email">Email <span class="required">*</span></label> <input id="email" name="email" type="email" value="" size="30" maxlength="100" aria-describedby="email-notes" required='required' /></p> <p class="comment-form-url"><label for="url">Сайт</label> <input id="url" name="url" type="url" value="" size="30" maxlength="200" /></p> <p class="form-submit"><input name="submit" type="submit" id="submit" class="submit" value="Отправить комментарий" /> <input type='hidden' name='comment_post_ID' value='19498' id='comment_post_ID' /> <input type='hidden' name='comment_parent' id='comment_parent' value='0' /> </p></form> </div><!-- #respond --> </div><!-- #comments --> </main> </div> <div id="sidebar-primary" class="widget-area sidebar " role="complementary"> <div class="sidebar-main"><div class="rtb_menu" style="display:block; background:#fff; margin: 1px auto"><center><div id="rtbBlock1"> <div id="yandex_rtb_sidebar" class="yandex-adaptive classYandexRTB"></div> </div> <script type="text/javascript"> (function(w, n) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-535903-5", renderTo: "yandex_rtb_sidebar", async: false, pageNumber: getRTBpageNumber( "R-A-535903-5" ), directSettings: { }, onRender: function(data) { if (data.product == "direct"){ document.getElementById("rtbBlock1").style.textAlign = "center"; } } }); }); document.write('<sc'+'ript type="text/javascript" src="//an.yandex.ru/system/context.js"></sc'+'ript>'); })(this, "yandexContextSyncCallbacks");</script></center></div> <section id="search-2" class="widget widget_search"><div class="zita-widget-content"><form role="search" method="get" id="searchform" action="https://xn--90abhccf7b.xn--p1ai/"> <div class="form-content"> <input type="text" placeholder="search.." name="s" id="s" value=""/> <input type="submit" value="Search" /> </div> </form> </div></section><section id="custom_html-5" class="widget_text widget widget_custom_html"><div class="widget_text zita-widget-content"><div class="textwidget custom-html-widget"><ins class="adsbygoogle" style="display:inline-block;width:100%;height:600px" data-ad-client="ca-pub-1812626643144578" data-ad-slot="6847132033" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div></div></section><section id="nav_menu-4" class="widget widget_nav_menu"><div class="zita-widget-content"><h2 class="widget-title">Рубрики</h2><div class="menu-2-container"><ul id="menu-2" class="menu"><li id="menu-item-19021" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19021"><a href="https://xn--90abhccf7b.xn--p1ai/category/css">Css</a></li> <li id="menu-item-19022" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor current-menu-parent current-post-parent menu-item-19022"><a href="https://xn--90abhccf7b.xn--p1ai/category/html">Html</a></li> <li id="menu-item-19023" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19023"><a href="https://xn--90abhccf7b.xn--p1ai/category/js">Js</a></li> <li id="menu-item-19024" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19024"><a href="https://xn--90abhccf7b.xn--p1ai/category/adaptiv">Адаптивный сайт</a></li> <li id="menu-item-19025" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19025"><a href="https://xn--90abhccf7b.xn--p1ai/category/verstk">Верстка</a></li> <li id="menu-item-19026" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19026"><a href="https://xn--90abhccf7b.xn--p1ai/category/idei">Идеи</a></li> <li id="menu-item-19028" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19028"><a href="https://xn--90abhccf7b.xn--p1ai/category/chego-nachat">С чего начать</a></li> <li id="menu-item-19029" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19029"><a href="https://xn--90abhccf7b.xn--p1ai/category/sovety">Советы</a></li> <li id="menu-item-19031" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19031"><a href="https://xn--90abhccf7b.xn--p1ai/category/shablon">Шаблоны</a></li> <li id="menu-item-19027" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-19027"><a href="https://xn--90abhccf7b.xn--p1ai/category/raznoe">Разное</a></li> </ul></div></div></section><section id="custom_html-3" class="widget_text widget widget_custom_html"><div class="widget_text zita-widget-content"><div class="textwidget custom-html-widget"><style>iframe,object{width:100%;height:480px}img{max-width:100%}</style><script type="text/javascript">jQuery(document).ready(function($){$('.mylink').replaceWith(function(){return'<a href="'+$(this).attr('data-url')+'" title="'+$(this).attr('title')+'">'+$(this).html()+'</a>'})});new Image().src="//counter.yadro.ru/hit?r"+escape(document.referrer)+((typeof(screen)=="undefined")?"":";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+";"+Math.random();</script> </div></div></section><section id="custom_html-4" class="widget_text widget widget_custom_html"><div class="widget_text zita-widget-content"><div class="textwidget custom-html-widget"><!-- Yandex.RTB R-A-535903-5 --> <div id="yandex_rtb_R-A-535903-5"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-535903-5", renderTo: "yandex_rtb_R-A-535903-5", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div></div></section></div> </div> </div> </div> <footer id="zita-footer"> <div class="footer-wrap widget-area"> <div class="bottom-footer"> <div class="bottom-footer-bar ft-btm-one"> <div class="container"> <div class="bottom-footer-container"> © Компания <a href="http://вебджем.рф"> Вебджем.рф </a> 2009 - 2021 | Все права защищены.</a> </div> </div> </div> </div> </div> </footer> <style type="text/css"> .pgntn-page-pagination { text-align: left !important; } .pgntn-page-pagination-block { width: 60% !important; padding: 0 0 0 0; } .pgntn-page-pagination a { color: #1e14ca !important; background-color: #ffffff !important; text-decoration: none !important; border: 1px solid #cccccc !important; } .pgntn-page-pagination a:hover { color: #000 !important; } .pgntn-page-pagination-intro, .pgntn-page-pagination .current { background-color: #efefef !important; color: #000 !important; border: 1px solid #cccccc !important; } .archive #nav-above, .archive #nav-below, .search #nav-above, .search #nav-below, .blog #nav-below, .blog #nav-above, .navigation.paging-navigation, .navigation.pagination, .pagination.paging-pagination, .pagination.pagination, .pagination.loop-pagination, .bicubic-nav-link, #page-nav, .camp-paging, #reposter_nav-pages, .unity-post-pagination, .wordpost_content .nav_post_link,.page-link, .page-links,#comments .navigation, #comment-nav-above, #comment-nav-below, #nav-single, .navigation.comment-navigation, comment-pagination { display: none !important; } .single-gallery .pagination.gllrpr_pagination { display: block !important; } </style> <link rel='stylesheet' id='pgntn_stylesheet-css' href='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/pagination/css/nav-style.css?ver=5.6' type='text/css' media='all' /> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-includes/js/jquery/ui/effect.min.js?ver=1.12.1' id='jquery-effects-core-js'></script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-includes/js/comment-reply.min.js?ver=5.6' id='comment-reply-js'></script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-content/themes/zita/js/zita-menu.js?ver=5.6' id='zita-menu-js-js'></script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-content/themes/zita/js/zita-custom.js?ver=5.6' id='zita-custom-js-js'></script> <script type='text/javascript' id='load-more-posts-js-js-extra'> /* <![CDATA[ */ var wp_ajax_url = "https:\/\/xn--90abhccf7b.xn--p1ai\/wp-admin\/admin-ajax.php"; /* ]]> */ </script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-content/themes/zita/inc/pagination/js/load-more-posts.js?ver=0.1' id='load-more-posts-js-js'></script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-content/themes/zita/inc/pagination/js/infinite-scroll.js?ver=0.1' id='script_ajax-js'></script> <script type='text/javascript' id='q2w3_fixed_widget-js-extra'> /* <![CDATA[ */ var q2w3_sidebar_options = [{"sidebar":"sidebar-1","margin_top":10,"margin_bottom":0,"stop_id":"","screen_max_width":0,"screen_max_height":0,"width_inherit":false,"refresh_interval":1500,"window_load_hook":false,"disable_mo_api":false,"widgets":["custom_html-4"]}]; /* ]]> */ </script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.1.9' id='q2w3_fixed_widget-js'></script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-includes/js/wp-embed.min.js?ver=5.6' id='wp-embed-js'></script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/easy-table-of-contents/vendor/smooth-scroll/jquery.smooth-scroll.min.js?ver=1.5.5' id='jquery-smooth-scroll-js'></script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/easy-table-of-contents/vendor/js-cookie/js.cookie.min.js?ver=2.0.3' id='js-cookie-js'></script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/easy-table-of-contents/vendor/sticky-kit/jquery.sticky-kit.min.js?ver=1.9.2' id='jquery-sticky-kit-js'></script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/easy-table-of-contents/vendor/waypoints/jquery.waypoints.min.js?ver=1.9.2' id='jquery-waypoints-js'></script> <script type='text/javascript' id='ez-toc-js-js-extra'> /* <![CDATA[ */ var ezTOC = {"smooth_scroll":"1","visibility_hide_by_default":"","width":"auto","scroll_offset":"0"}; /* ]]> */ </script> <script type='text/javascript' src='https://xn--90abhccf7b.xn--p1ai/wp-content/plugins/easy-table-of-contents/assets/js/front.min.js?ver=1.7' id='ez-toc-js-js'></script> <script> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> </body> </html>