
- •15. Разметка текстового контента в html
- •Введение
- •Пробел - последняя граница
- •Элементы блочного уровня
- •Заголовки разделов страницы
- •Стандартные параграфы
- •Цитирование других источников
- •Предварительно форматированный текст
- •Строковые элементы
- •Короткие цитаты
- •Выделение
- •Выделение текста курсивом
- •Элементы представления - никогда не используйте их
- •Заключение
- •Об авторе
Строковые элементы
В этом разделе рассматриваются синтаксис и использование распространенных строковых элементов для форматирования текста.
Короткие цитаты
Короткие цитаты, которые используются в обычной последовательности параграфа помещают внутрь элемента q. Подобно элементу blockquote, этот элемент может содержать атрибут cite, который указывает страницу в Интернет, где можно найти цитату.
Короткая цитата должна обычно изображаться со знаками кавычек. Согласно спецификации HTML (http://www.w3.org/TR/html401/struct/text.html#h-9.2.2.1), они должны вставляться агентом пользователя, чтобы их можно было корректно вставлять друг в друга и информировать о языке, использованном в документе. Можно использовать CSS для управления использованием знаков кавычек — это рассматривается в последующей лекции по "стилевому оформлению текста".
Пример использования элемента q в действии:
<p>This did not end well for me. Oh well,
<q lang="fr">c'est la vie</q> as the French say.</p>
Выделение
HTML содержит два элемента для указания, что текст внутри необходимо выделить для пользователя. Это могут быть сообщения об ошибках, предупреждения, или примечания. Для визуальных браузеров это обычно означает применение другого цвета, шрифта или использование более жирного шрифта или курсива. Для пользователей считывателей экрана это может приводить к другому голосу или другому эффекту помещения.
Для текста, который необходимо выделить, используется элемент em следующим образом:
<p><em>Please note:</em> the kettle is to be unplugged at
night.</p>
Если должно быть выделено все предложение, но в этом предложении есть место, которое должно быть выделено еще сильнее, то используется элемент strong, чтобы указать еще более сильное выделение, чем нормальное, следующим образом:
<p><em>Please note: the kettle <strong>must</strong> be unplugged every evening, otherwise it will explode -
<strong>killing us all</strong></em>.</p>
Выделение текста курсивом
Обычно считается, что "курсив" не описывает значение, и поэтому элемент i не должен использоваться (также как и некоторые другие элементы представления, описанные в следующем разделе).
Существует пара ситуаций, когда описание контента курсивом будет, пожалуй, правильным. Было замечено, что некоторые понятия лучше всего описываются "курсивом", а не путем создания некоторых специальных и никак иначе не используемых элементов. Сюда относятся такие понятия как названия кораблей, названия телевизионных сериалов, фильмов и книг, некоторые технические термины и другие таксономические обозначения.
Аргумент состоит в том, что использование курсива указывает, что текст внутри является специальным, а контекст указывает, в чем его специальность. На самом деле это отражено в текущем проекте спецификации HTML 5:
Элемент i представляет фрагмент текста альтернативным голосом или тональностью, или как-то иначе отклонится от обычной прозы [...] Элемент i должен использоваться как последнее средство, когда нет другого более подходящего элемента.
Так как элемент i можно переопределить с помощью CSS в что-то отличное от курсива, то значение "курсив" в этом контексте является по сути "чем-то немного отличным". Собственно я не считаю это приемлемым, но существует достаточно прецедентов для такого использования.