>
meter
Элемент >meter может использоваться для разметки любых измерений, если эти измерения являются частью шкалы с минимальным и максимальным значением.
>
Если вы не хотите, можете не выводить максимальное значение, а использовать вместо него атрибут >max:
>
Имеется также соответствующий атрибут >min. Есть еще атрибуты >high, >low и >optimum, с которыми тоже можно поиграть. Если хотите, вы можете вообще спрятать сам результат измерения в атрибут >value.
>>optimum="21" value="25">
> Для этого времени года довольно-таки тепло.
>
progress
Если meter хорошо подходит для описания чего-то, что уже было измерено, элемент >progress позволяет вам разметить значение, которое меняется сейчас:
>Ваш профиль заполнен на .
И снова у вас есть атрибуты >min, >max и >value, если вы предпочитаете использовать их:
>
Элемент >progress особенно полезен, когда используется вместе со скриптами для DOM. Вы можете использовать JavaScript для динамического обновления значения, позволяя браузеру тем самым сообщить это изменение пользователю – это весьма кстати для Ajax-загрузок файлов.
Структура
Еще в 2005 году компания Google провела ряд исследований, чтобы обнаружить, какие именно низко висящие плоды можно найти на тропках веба (http://code.google.com/webstats/).
Парсер осмотрел более миллиарда веб-страниц и разметил самые частые названия классов. Результаты не принесли ничего неожиданного. Наиболее частыми были такие названия классов, как “header”, “footer” и “nav”. Эта зарождавшаяся в то время семантика отлично соотносится с новыми структурными элементами, появившимися в HTML5.
section
Элемент >section используется для группировки тематически связанного содержимого. Это звучит очень похоже на элемент >div, который зачастую используется как наиболее общий контейнер содержимого. Разница в том, что у >div нет никакого семантического значения, его наличие ничего не говорит вам о содержимом внутри него. Напротив, элемент >section явно используется для группировки связанного содержимого.
Вы вполне можете заменить ряд элементов >div в своем коде элементами >section, но не забудьте спросить себя: «Все ли содержимое связано друг с другом?»
>
> Скрипты для DOM
Эта книга предназначена скорее для верстальщиков,> >чем для программистов.
автор: Джереми Кит>
>
header
Спецификация HTML5 описывает элемент >header как контейнер для «группы вводных или навигационных вспомогательных элементов». Звучит вполне разумно. Это как раз тот тип содержимого, который я ожидаю увидеть в шапке страницы, и слово header как раз традиционно используется как синоним термина «шапка».
Между элементом >header в HTML5 и общепринятым использованием слов header и «шапка» есть принципиальная разница. На странице шапка обычно только одна, но в документе может быть много элементов >header. Вы можете, например, использовать элемент