Q-ёвое цитирование

До поры до времени в HTML существовал только один способ логического выделения цитаты в тексте — тег blockquote. Это блоковый элемент (следует даже из названия), традиционно обрамляемый переводом строки и левым и правым отступом. Следует признать, что зачастую этот тег используется не для задания цитаты, а именно ради отступов. Это не совсем корректно с логической точки зрения, ибо аналогичного эффекта (отступов) легко добиться с помощью CSS.

С появлением HTML 4 в арсенале кодеров стал значиться ещё один тег, служащий для выделения цитаты — тег q. В отличии от блокового blockquote, тег q является строчным и не приводит к переводу строки. Отличительной особенностью этого тега является то, что согласно спецификации, его содержание должно обрамляться кавычками. Причём не просто кавычками, а теми, которые соответствуют текущему языку документа (язык задаётся атрибутом lang).

На деле же ситуация с кавычками просто убийственная. Internet Explorer 4+ (включая IE6) вообще не добавляет к элементу q кавычки, тогда как Netscape Navigator 6+ и Opera 5+ их добавляют, но не учитывают текущий язык, применяя всегда простые знаки дюйма (").

Проверьте в различных браузерах, как выглядит следующий код:

<p>Известное выражение <q lang="ru">быть или не быть</q> принадлежит Шекспиру.</p>

…и результирующий текст:

Из всего вышесказанного напрашивается печальный вывод: тег q вообще не следует применять. Добиться необходимого результата можно другими средствами, например, просто указав в тексте правильные кавычки. Для текста на русском языке это «ёлочки» или „лапки“.

P. S. На самом деле, если вы укажите, например, стиль q{quotes:"«" "»" "„" "”"}, то NN6 и Opera будут отображать правильные, русские кавычки. Почитать про свойство quotes можно на w3c.org.