5 самых забытых HTML-тегов
Пятерка простых в применении и поддерживаемых всеми браузерами HTML-тегов, оставленных веб-разработчиками в небытие:
dfn
Тег <dfn> (DeFeNition) используется для пометки текста в качестве определения. Этим тегом можно отметить термин, впервые встречающийся в документе.
1 | <dfn>Верстальщик веб-страниц</dfn> — человек, профессионально занимающийся вёрсткой веб-страниц. |
По умолчанию браузер представляет текст, обозначенный элементом <dfn>, в виде курсива. Если, например, необходимо представить его жирным, без наклона, то можно воспользоваться CSS:
1 2 3 4 | dfn { font-style: normal; font-weight: bold; } |
cite
Тег <cite> используется для обозначения цитат к журналу, книге или веб-сайту. Например:
1 | <p>В книге «Философия CSS-дизайна» <cite>на примере широко известного сайта CSS Zen Garden рассматривается применение каскадных таблиц стилей</cite>. Как заявляют авторы, <cite>книга не является учебником по CSS, но представляет несомненный интерес для различных категорий пользователей: от новичков до маститых профессионалов</cite>.</p> |
Основная причина того, что элемент <cite> забыт, в том, что считается более естественным ссылаться прямо на цитируемый документ, ведь по ту сторону линка может находиться страница продажи, например, книги, которая цитируется. В таком случае можно задействовать и то, и другое. Для примера:
1 | <p>В книге «Философия CSS-дизайна» <a href="http://dimox.name/go/to/css_philosophy.html"><cite>на примере широко известного сайта CSS Zen Garden рассматривается применение каскадных таблиц стилей</cite></a>. Как заявляют авторы, <cite>книга не является учебником по CSS, но представляет несомненный интерес для различных категорий пользователей: от новичков до маститых профессионалов</cite>.</p> |
Результат:
В книге «Философия CSS-дизайна» на примере широко известного сайта CSS Zen Garden рассматривается применение каскадных таблиц стилей. Как заявляют авторы, книга не является учебником по CSS, но представляет несомненный интерес для различных категорий пользователей: от новичков до маститых профессионалов.
var
Тег <var> (от английского variable - переменная) используется для выделения переменных, когда речь идет о программном коде. По умолчанию такой текст отображается курсивом.
1 | <p>Для каждой итерации в следующем Ruby коде переменная <var>car</var> применяется к текущему элементу массива.</p> |
samp
Тег <samp> отмечает текст как образец (sample). Используется для отметки текста, выдаваемого программами. Отображается моноширинным шрифтом.
1 | <p>При запуске программы из командной строки на экран выводится <samp>File Not Found</samp>.</p> |
kbd
Тег <kbd> (от английского keyboard - клавиатура) отмечает текст, вводимый пользователем с клавиатуры. Отображается моноширинным шрифтом.
1 | <p>Для вывода справки Windows в любой момент можно нажать комбинацию <kbd>win + F1</kbd>.</p> |
По большому счету использование описанных HTML-тегов может не оправдывать Ваших усилий. Ведь каждый из них можно заменить другими, более распространенными. Так, вместо тегов <dfn>, <cite> и <var> (в качестве курсива) возможно применять <i> или <em>, а вместо <samp> и <kbd> (для отображения моноширинного текста) - <tt>.
Тем не менее, есть достаточно причин, почему добавление семантического значения Вашим страницам (благодаря применению описанных выше тегов) имеет больше смысла:
- Ваши страницы автоматически станут (потенциально) более доступными, поскольку вспомогательные технологии будут иметь больше мета данных при интерпретации содержания.
- Вы можете заметить некоторое улучшение позиций в поисковых системах, поскольку роботы поисковых систем придадут содержанию таких страниц большее значение.
- Вам будет проще, чем большинству, использовать в своих интересах соответствующий микроформат или семантический веб, который должен однажды появиться.
Включение забытых элементов в разметку делается быстро и легко и добавляет семантики для страниц сайта.
Источник: www.sitepoint.com
* * *
Чтобы внести ярких красок в пасмурный день или просто поднять настроение, позвоните или лично зайдите в цветочный салон в Москве и сделайте приятное своим близким и родным. Вас удивит большой ассортимент очень красивых цветов.
Думаю что они обоснованно забыты. Все заменил CSS.
Поддерживаю. С css всё намного проще, удобнее и больше вариантов.
Не надо путать огурцы с пистолетом:
приведенные выше теги предназначены для выделения унифицированных логических фрагментов текста, а css занимается совсем другим.