не придает значения содержимому внутри него, а только показывает, что в данный момент он представляет интерес. Как говорит спецификация,
mark
означает «отрезок текста в одном документе, отмеченный или подсвеченный для справочных целей в связи с его релевантностью в другом контексте».
Элемент
mark
разрешается использовать и в других контекстах, кроме как в результатах поиска, но, убейте меня, я не могу
придумать ни одного такого примера.
time
hCalendar – один из самых популярных микроформатов, потому что он удовлетворяет общую для многих потребность: размечать события так, чтобы пользователи могли добавлять их напрямую в свой календарь.
Единственная сложная часть в hCalendar – описывать дату и время так, чтобы компьютер мог их прочитать. Люди любят описывать даты: «25 мая» или: «в следующую среду», но парсеры хотят видеть красиво отформатированную по ISO дату: YYYY-MM-DDThh: mm: ss.
Сообщество по микроформатам придумало несколько умных решений этой проблемы, например использование элемента
abbr
:
<abbr class="dtstart" title="1992-01-12">
12 января 1992
</abbr>
Если от того, что вы используете элемент
abbr
таким образом, вас начинает немножко мутить, есть много других способов размечать машиночитаемые даты и время в микроформатах с помощью шаблона класс-значение. В HTML5 эта проблема разрешается новым элементом
time
:
<time class="dtstart" datetime="1992-01-12">
12 января, 1992
</time>
Элемент
time
может использоваться для обозначения даты, времени или того и другого вместе:
особенно полезен, когда используется вместе со скриптами для DOM. Вы можете использовать JavaScript для динамического обновления значения, позволяя браузеру тем самым сообщить это изменение пользователю – это весьма кстати для Ajax-загрузок файлов.
Структура
Еще в 2005 году компания Google провела ряд исследований, чтобы обнаружить, какие именно низко висящие плоды можно найти на тропках веба .
Парсер осмотрел более миллиарда веб-страниц и разметил самые частые названия классов. Результаты не принесли ничего неожиданного. Наиболее частыми были такие названия классов, как “header”, “footer” и “nav”. Эта зарождавшаяся в то время семантика отлично соотносится с новыми структурными элементами, появившимися в HTML5.
section
Элемент
section
используется для группировки тематически связанного содержимого. Это звучит очень похоже на элемент
div
, который зачастую используется как наиболее общий контейнер содержимого. Разница в том, что у
div
нет никакого семантического значения, его наличие ничего не говорит вам о содержимом внутри него. Напротив, элемент
section
явно используется для группировки связанного содержимого.
Вы вполне можете заменить ряд элементов
div
в своем коде элементами
section
, но не забудьте спросить себя: «Все ли содержимое связано друг с другом?»