Новые элементы в HTML 5

На мой взгляд, HTML 5 — это компромиссное решение. Хотя оно и не радикально, оно может способствовать дальнейшему развитию технологий. Здесь нет пространств имен, элементы не требуется закрывать (что, конечно, не является преимуществом), а браузеры снисходительно относятся к некоторым ошибкам. Все следует практикам HTML 4 прошлого века. Когда дело доходит до рендеринга HTML, браузеры застряли на уровне 1999 года. С этой целью HTML 5 является прагматичным решением, которое не только может продолжать обрабатывать HTML, который был разбросан по всем уголкам мира в течение многих лет, но и облегчает производителям браузеров добавление новых функций. Это называется деградировать изящно. Давайте посмотрим на некоторые новые элементы, добавленные в HTML 5.

Конструктивные элементы

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

раздел: может выражать часть или главу книги или раздел внутри главы.

заголовок: заголовок в теле страницы. Не головной элемент

нижний колонтитул: нижняя часть страницы (нижний колонтитул), которая может быть местом подписи электронного письма.

nav: коллекция ссылок на другие страницы.

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

Например, домашняя страница блога, написанная на HTML 5, может выглядеть так (с некоторыми пропусками):

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

Элемент времени, как следует из названия, используется для выражения времени. Требуется функция datetime, чтобы указать время, которое машина может распознать, например:

<time datetime="2008-08-08T20:08:08">20:08:08 8 августа 2008 г.</tiem> Элемент счетчика выражает значение в пределах определенного диапазона. Может использоваться для зарплат, процентов, дробей и т. д. например:

С сожалением вынужден сообщить вам, что у меня всего <meter>150 см</meter>. Он также имеет 6 функций для выражения различных значений, таких как:

<p>Ваша оценка: <meter value="88.7" min="0" max="100" low="65" high="96" оптимально="100">B+</meter>.</p >

Существует также прогресс, который, как следует из названия, используется для выражения прогресса:

Достижение цели: <progress value="40" max="100">40%</progress> Вставить мультимедиа

Добавлены видео и аудио элементы. Как следует из названия, они используются для вставки видео и звука соответственно. Что касается формата, его реализация остается на усмотрение браузера, и HTML больше не нуждается в специальном коде для воспроизведения определенного формата. Как и img, он может отображаться в формате PNG, JPG или GIF. Примечательно, что они могут содержать контент. Например, вы можете вставить текст в определенную песню:

интерактивность

HTML 5 также называют веб-приложениями 1.0, поэтому он также развивает интерактивные возможности. Эти теги предназначены для улучшения интерактивности страницы:

подробности

Он используется для представления определенной части контента, но контент может не отображаться по умолчанию. Он будет отображаться после взаимодействия с легендой с помощью некоторых средств (например, щелчка). Это чем-то похоже на текущие методы сокрытия части контента с помощью JavaScript и отображения его после нажатия. например:

Запишите каждую частичку жизни в одном предложении,

Сетка данных используется для управления данными и может обновляться пользователями или сценариями.

Меню существовало в HTML 2, но HTML 4 сделал его устаревшим. В течение этого периода используются отходы HTML 5 и добавляется элемент команды.

Ссылка: Новые элементы в HTML 5.