5 самых забытых HTML-тегов

Пятерка простых в применении и поддерживаемых всеми браузерами HTML-тегов, оставленных веб-разработчиками в небытие:

dfn

Тег <dfn> (DeFeNition) используется для пометки текста в качестве определения. Этим тегом можно отметить термин, впервые встречающийся в документе.

<dfn>Верстальщик веб-страниц</dfn> — человек, профессионально занимающийся вёрсткой веб-страниц.

По умолчанию браузер представляет текст, обозначенный элементом <dfn>, в виде курсива. Если, например, необходимо представить его жирным, без наклона, то можно воспользоваться CSS:

dfn {
 font-style: normal;
 font-weight: bold;
}

cite

Тег <cite> используется для обозначения цитат к журналу, книге или веб-сайту. Например:

<p>В книге «Философия CSS-дизайна» <cite>на примере широко известного сайта CSS Zen Garden рассматривается применение каскадных таблиц стилей</cite>. Как заявляют авторы, <cite>книга не является учебником по CSS, но представляет несомненный интерес для различных категорий пользователей: от новичков до маститых профессионалов</cite>.</p>

Основная причина того, что элемент <cite> забыт, в том, что считается более естественным ссылаться прямо на цитируемый документ, ведь по ту сторону линка может находиться страница продажи, например, книги, которая цитируется. В таком случае можно задействовать и то, и другое. Для примера:

<p>В книге «Философия CSS-дизайна» <cite>на примере широко известного сайта CSS Zen Garden рассматривается применение каскадных таблиц стилей</cite>. Как заявляют авторы, <cite>книга не является учебником по CSS, но представляет несомненный интерес для различных категорий пользователей: от новичков до маститых профессионалов</cite>.</p>

Результат:

В книге «Философия CSS-дизайна» на примере широко известного сайта CSS Zen Garden рассматривается применение каскадных таблиц стилей. Как заявляют авторы, книга не является учебником по CSS, но представляет несомненный интерес для различных категорий пользователей: от новичков до маститых профессионалов.

var

Тег <var> (от английского variable — переменная) используется для выделения переменных, когда речь идет о программном коде. По умолчанию такой текст отображается курсивом.

<p>Для каждой итерации в следующем Ruby коде переменная <var>car</var> применяется к текущему элементу массива.</p>

samp

Тег <samp> отмечает текст как образец (sample). Используется для отметки текста, выдаваемого программами. Отображается моноширинным шрифтом.

<p>При запуске программы из командной строки на экран выводится <samp>File Not Found</samp>.</p>

kbd

Тег <kbd> (от английского keyboard — клавиатура) отмечает текст, вводимый пользователем с клавиатуры. Отображается моноширинным шрифтом.

<p>Для вывода справки Windows в любой момент можно нажать комбинацию <kbd>win + F1</kbd>.</p>

По большому счету использование описанных HTML-тегов может не оправдывать Ваших усилий. Ведь каждый из них можно заменить другими, более распространенными. Так, вместо тегов <dfn>, <cite> и <var> (в качестве курсива) возможно применять <i> или <em>, а вместо <samp> и <kbd> (для отображения моноширинного текста) — <tt>.

Тем не менее, есть достаточно причин, почему добавление семантического значения Вашим страницам (благодаря применению описанных выше тегов) имеет больше смысла:

  • Ваши страницы автоматически станут (потенциально) более доступными, поскольку вспомогательные технологии будут иметь больше мета данных при интерпретации содержания.
  • Вы можете заметить некоторое улучшение позиций в поисковых системах, поскольку роботы поисковых систем придадут содержанию таких страниц большее значение.
  • Вам будет проще, чем большинству, использовать в своих интересах соответствующий микроформат или семантический веб, который должен однажды появиться.

Включение забытых элементов в разметку делается быстро и легко и добавляет семантики для страниц сайта.

Источник: www.sitepoint.com

* * *

Чтобы внести ярких красок в пасмурный день или просто поднять настроение, позвоните или лично зайдите в цветочный салон в Москве и сделайте приятное своим близким и родным. Вас удивит большой ассортимент очень красивых цветов.

Комментарии (1)
  1. 1
    StormBringer

    Не надо путать огурцы с пистолетом:
    приведенные выше теги предназначены для выделения унифицированных логических фрагментов текста, а css занимается совсем другим.