HTML 5 — новые значения старых тегов

Всё течёт, всё меняется. С приближением выхода HTML 5 меняются и значения привычных нам тегов. Постепенно устаревает и понятие о том, что теги <strong> и <em> имеют больший приоретет с точки зрения семантики, чем <b> и <i>. С приходом HTML 5 семантичность этих тегов будет уравновешена.

Скажу сразу, основным источником для статьи является черновик спецификации HTML 5. Он будет ещё много раз изменён, но я думаю, что интересующие нас сегодня вещи останутся в том виде, в каком они есть сейчас.

По стандарту HTML 5, тег <strong> служит для выделения важных частей документа. Если вы, скажем, пишете инструкцию, то текст «Не влезай, убьёт!» должен быть заключён в тег <strong>.

Тег <em> служит для расстановки акцентов в предложении. Содержание таких акцентов зависит от языка. Я думаю, что этот тег будет уместо применять там, где при чтении происходит незначительное усиление интонации или пауза. К примеру, в предложении «<em>Москва</em> — лучший город Земли» будет усилено внимание на названии города, потому что лучший именно он.

Тег <b> должен содержать то, что традиционно отображается жирным шрифтом. Наилучшим применением для тега <b> будет выделение ключевых слов (без пометки их как важных), названий продуктов или компаний в обзоре, и т.п. Однако, но он не должен служить для выделения важных мест и расстановки акцентов в предложении (для этого предназначены теги <strong> и <em> соответственно).

Тег <i> применяется в тех случаях, когда нужно показать изменение голоса или настроения. Так же может применяться для выделения терминов (однако, если это первое упоминание термина в тексте, вместо <i> следует использовать тег <dfn>). Кроме того, тегом <i> можно выделять (в некоторых случаях) фразы из другого языка, названия кораблей и вообще всё, что традиционно обозначается курсивом, но не подходит для применения с другими, более специфичными тегами.

Для того, чтобы лучше почувствовать отличия этих тегов, попробуйте прочитать фрагмент из детской сказки вслух, стараясь теги переводить в изменения интонации. В этом случае <strong> будет читаться более громко и отчётливо, чтобы даже те, кто «сидит на Камчатке» слышали. Тег <b> на интонацию никак не повлияет. Тег <i> в данном случае обозначает речь, поэтому будет меняться голос. Тег <em> заставит вас сделать паузу, чтобы более явно указать фрагмент, на котором заостряется внимание. При этом громкость голоса повышаться не будет.

Жили-были дедушка да бабушка. Была у них внучка <b>Машенька</b>.

Собрались раз подружки в лес — <em>по грибы да по ягоды</em>. Пришли звать с собой и Машеньку.

— <i>Дедушка, бабушка</i>, — говорит Машенька, — <i>отпустите меня в лес с подружками</i>!

Дедушка с бабушкой отвечают:

— <i>Иди, <strong>только смотри от подружек не отставай — не то заблудишься</strong></i>.

Я не берусь утверждать, что такая разметка единственно верная, тем более что теги применяются в похожих друг на друга ситуациях. При разметке всё равно остаётся простор для фантазии и творчества автора документа. Поэтому прошу меня извинить, если такое применение тегов в данном случае вы считаете не совсем правильным. У каждого могут быть свои взгляды, главное, чтобы они не были направлены в противоположные стороны.

Помните, что отображение всех этих тегов лежит на совести браузера. Однако, браузер — программа весьма своенравная, поэтому лучше не надеяться на него и задавать нужные стили (в первую очередь, конечно, полужирное и курсивное начертание) явно.

На этом всё. Назначение остальных тегов вы можете почерпнуть из спецификации. Если тема будет востребована, то в будущем, возможно, появятся ещё несколько аналогичных статей. Жду ваших комментариев.

Обновление от 4 октября 2009:

Статьи о HTML 5 на других сайтах

3 комментария

Оставить комментарий