Хотя его развитие началось много лет назад, в начале 2010 года HTML5 действительно начал широко использоваться с веб-дизайнерами / разработчиками. Прямо из ворот язык был знаком многим веб-профессионалам, потому что вместо того, чтобы пытаться изобретать все с нуля, HTML5 построенный на том, что было раньше. Любой, кто знал HTML 4.01, быстро обнаружил, что совсем немного этой версии теперь можно найти в HTML5.
В то время как HTML5 содержит много элементов, которые были вокруг HTML в течение некоторого времени, он также представил несколько элементов, которые были новыми для HTML5. Для многих из этих новых элементов использовался подход, называемый «мощение коров». Это термин, который обычно используется в ИТ, чтобы в основном означать, что люди уже делают и делают это. В случае веб-дизайнеров это означало, что они уже создают страницы и основывают решения на новых элементах этих действий. Например, многие веб-специалисты будут создавать сайты с подразделениями, в которых используются идентификаторы или атрибуты класса «header», «nav» и «footer». Таким образом, HTML5 представил их как новые элементы, позволяя веб-профессионалам добавлять больше смысла в свои документы, используя выделенные элементы секционирования вместо просто разделов. Эта комбинация знакомства и подход, который признал текущую практику, помогли HTML5 быть быстро охвачены индустрией веб-дизайна.
HTML-Doctype
Во-первых, чтобы использовать любые новые элементы HTML5, ваш документ должен включать в себя HTML-тип документа, который:
Вы можете заметить, что этот doctype конкретно не упоминает «HTML5», а просто формулирует версию как «html». Это связано с тем, что этот doctype - это то, что предназначено для использования в будущем для всех итераций языка.
Фактически, HTML5 должен быть последней нумерованной версией языка, при этом новые изменения будут добавляться на постоянной основе в будущем. Фактически, некоторые элементы из приведенного ниже списка были добавлены на язык после этого первоначального нажатия в 2010 году!
Теги HTML5
| Тег | объяснение | |
|---|---|---|
| Якорь или ссылка | ||
| Сокращение | ||
| Адрес или авторы документа | ||
| Карта изображения на стороне клиента | ||
| Статья | ||
| Тангенциальный контент | ||
| Аудиопоток | ||
| Смелый | ||
| Базовые пути URI для элементов в документе | ||
| Двунаправленный алгоритм | ||
| Длинная котировка | ||
| Тело страницы | ||
| Разрыв строки | ||
| Кнопка формы HTML | ||
| Холст для динамической графики | ||
| Комментарий | ||
| Заголовок таблицы | ||
| цитирование | ||
| Ссылка на код | |
| Таблица столбцов | ||
| Группирование столбцов | ||
| Команда или действие на странице | ||
| Определение типа документа | ||
| Сеть данных | ||
| Предопределенные параметры для других элементов управления | ||
| Определение списка описаний или диапазон дискурса | ||
| Удаленный текст | ||
| Дополнительная информация по требованию | ||
| Определение | ||
| разговор | ||
| Логическое разделение | ||
| Список описания | ||
| Термин определения списка или диалоговый динамик | ||
| акцент | ||
| Встроенный элемент для плагинов | ||
| Группа управления формами | ||
| Подпись, используемая для | ||
| Рисунок с дополнительным заголовком | ||
| Нижний колонтитул страницы | ||
| форма | ||
| Заголовок первого уровня | ||
| Заголовок второго уровня | ||
| Заголовок третьего уровня | ||
| Заголовок четвертого уровня | ||
| Заголовок пятого уровня | ||
| Заголовок шестого уровня | ||
| Руководитель документа | ||
|
| Заголовок страницы | |
| Заголовок группы | ||
| Горизонтальное правило | ||
| Корневой элемент веб-страницы | ||
| Стиль текста курсив | ||
| Внутренняя рамка | ||
| Образ | ||
| Элемент входной формы | ||
| Элемент формы кнопки | ||
| Элемент формы флажка | ||
| Входной сигнал цвета | ||
| Ввод даты | ||
| Глобальный ввод даты и времени | ||
| Местный ввод даты и времени | ||
| Вход для адреса электронной почты | ||
| Элемент формы загрузки файла | ||
| Элемент поля скрытой формы | ||
| Элемент формы изображения | ||
| Год и месяц ввода | ||
| Количество ввода | ||
| Элемент формы пароля | ||
| Элемент формы радио кнопки | ||
| Неточность ввода номера | ||
| Элемент формы кнопки сброса | ||
| Поле поиска | ||
| Отправить элемент формы кнопки | ||
| Ввод номера телефона | ||
| Элемент формы текстового поля | ||
| Ввод времени | ||
| Ввод URL | ||
| Вход на год и неделю | ||
| Вложенный текст | ||
| Текст, вводимый пользователем | ||
| Создание защищенных ключей для управления сертификатами | ||
| Метка формы | ||
| Заголовок поля формы | ||
| Элемент списка | ||
| Ссылка на связанные документы | ||
| Основная область содержимого на странице | ||
| Карта изображения на стороне клиента | ||
| Выделенный или выделенный текст | ||
| Список команд | ||
| Мета-информация о документе | ||
| Скалярный датчик | ||
| Определить область с навигационными ссылками | ||
| Содержимое, когда скрипты недоступны | ||
| Нестандартный объект | ||
|
| Упорядоченный или пронумерованный список | |
| Группа опций в списке выбора | ||
| Опция в списке выбора | ||
| Результат расчета формы | ||
| Параграф | ||
| Параметр элемента объекта | ||
|
| Предварительно отформатированный текст | |
| Индикатор прогресса | ||
| Короткая цитата | ||
| Рубиновая скобка | ||
| Рубиновый текст | ||
| Рубиновая аннотация | ||
| Текст Strikeout | ||
| Образец вывода | ||
| Сценарии | ||
| Раздел страницы | ||
| Списки выбора или выпадающего меню | ||
| Маленький размер шрифта | ||
| Источник мультимедиа | ||
| Общий встроенный контейнер стиля | ||
| Сильный акцент | ||
| Листы стилей | ||
| индекс | ||
| Сводка содержимого элемента DETAILS | ||
| верхний индекс | ||
| Таблица | ||
| Строки таблицы | ||
| Настольная ячейка | ||
| Многострочный элемент формы | ||
| Строки нижнего колонтитула | ||
| Ячейка заголовка таблицы | ||
| Строки заголовка таблицы | ||
| Определяет время | ||
| заглавие | ||
| Таблица строк | ||
|
| Неупорядоченный или свернутый список | |
| Переменный или пользовательский текст | ||
|
Видео или фильм, встроенный в страницу |
