новые элементы HTML5

новые элементы в HTML5

ниже перечислены новые элементы HTML5 и их описание.

новые семантические/структурные элементы

Новые элементы HTML5 могут строить лучшую структуру документа:

Тег Описание
<article> определить статью в документе.
<aside> определить содержимое за пределами содержимого страницы.
<bdi> определить текст с другим направлением текста.
<details> определить дополнительные детали, которые могут быть видны или скрыты пользователем.
<dialog> определить диалоговое окно или окно.
<figcaption> определить заголовок элемента <figure>.
<figure> определить автономное содержимое, например, иллюстрации, диаграммы, фотографии, списки кода и т.д.
<footer> определить подвал раздела или документа.
<header> определить заголовок раздела или документа.
<main> определить основное содержимое документа.
<mark> определить важное или выделенное содержимое.
<menuitem> определить команды/элементы меню, которые могут быть вызовы пользователя из выпадающего меню.
<meter> определить масштаб измерения в известном диапазоне.
<nav> определить навигационные ссылки в документе.
<progress> определить прогресс задачи.
<rp> определить, что будет отображаться в браузерах, не поддерживающих ruby-комментарии.
<rt> определить объяснение/произношение символов (для восточноазиатских шрифтов).
<ruby> определить ruby-комментарий (для восточноазиатских шрифтов).
<section> определить раздел в документе.
<summary> определить видимый заголовок элемента <details>.
<time> определить дату/время.
<wbr> определить возможные разрывы строк (line-break).

Прочитать больше о семантика HTML5содержание.

новые элементы форм

Тег Описание
<datalist> определить предварительно определенные опции вводного элемента.
<keygen> определить генератор ключевых полей (для форм).
<output> определить результат вычисления.

Прочитать больше о Элементы формы HTMLновые, старые и старые элементы.

новые типы ввода

новые типы ввода новые свойства ввода
  • цвет
  • дата
  • datetime
  • datetime-local
  • электронная почта
  • месяц
  • число
  • диапазон
  • поиск
  • телефон
  • время
  • url
  • неделя
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • ширина и высота
  • список
  • min и max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

Учиться Типы ввода HTMLвсе新老 типы ввода.

Учиться Атрибуты ввода HTMLвсе свойства ввода.

Новый синтаксис свойств HTML5

HTML5 позволяет четыре различных синтаксиса свойств.

Этот пример демонстрирует различные синтаксисы, используемые в теге <input>.

Тег Описание
Пусто <input type="text" value="Bill Gates" disabled>
Без кавычек <input type="text" value=Bill>
Двойная кавычка <input type="text" value="Bill Gates">
Одинарная кавычка <input type="text" value='Bill Gates'>

В HTML5 может использоваться вся эта四人 грамматика, в зависимости от свойств.

Изображения HTML5

Тег Описание
<canvas> Определение рисования изображений с использованием JavaScript.
<svg> Определение рисования изображений с использованием SVG.

Прочитать больше о HTML5 Canvas содержание.

Прочитать больше о HTML5 SVG содержание.

Новые элементы СМИ

Тег Описание
<audio> Определение аудио или музыкального контента.
<embed> Определение контейнера для внешних приложений (например, плагинов).
<source> Определение источников <video> и <audio>.
<track> Определение дорожек <video> и <audio>.
<video> Определение контента видео или фильма.

Прочитать больше о Видео HTML5содержание.

Прочитать больше о Аудио HTML5содержание.