Тег <abbr>

При написании статьи в тексте иногда используют какие-либо аббревиатуры или сокращения, которые могут не очень хорошо восприниматься поисковиками и могут быть непонятными для посетителей сайта, если не написать расшифровку. Тег <abbr> как раз и служит для того, чтобы избежать этих проблем. Если заключить аббревиатуру в тег <abbr>то поисковые роботы будут воспринимать это сокращение как полноценный текст, а не как какой-то набор букв, что в последствии может благоприятно повлиять на индексацию веб – страницы сайта. Текст находящийся внутри тега <abbr>ни как не будет выделяться и служит в первую очередь для поисковых систем. Исключением будет только браузер Opera, который выделит аббревиатуру, заключенную в тег <abbr>пунктирной линией. Но уже в новых версиях Opera (выше 14) этого подчеркивания не будет.

Если использовать в теге <abbr>атрибут title, то при наведении курсора на аббревиатуру будет появляться подсказка, в которой указывается расшифровка и пользователь сразу поймет, что означает это сокращение. Конечно, можно написать расшифровку прямо в тексте, но это будет смотреться более громоздко.

Тег <abbr>является парным и имеет обязательный закрывающий тег </abbr>. Выглядит это следующим образом:

<abbr>аббревиатура </abbr>

И с использованием атрибута title:

<abbr title="текст рашифровки" >аббревиатура </abbr>

Помимо атрибута title в теге <abbr> можно использовать другие универсальные атрибуты и события.

Пример:

<!DOCTYPE HTML>
<html>
  <head>
    <title>Тег ABBR</title>
    <meta charset="utf-8">
    <style>
     abbr {
      color:#0C0; /* Светло-зеленый цвет текста */
     }
    </style>
  </head>
  <body>
    <p><abbr title="Объектно-ориентированное программирование">ООП</abbr> 
  - самая лучшая парадигма программирования, которая обрабатывает информацию в виде 
  экземпляров (объектов) - классов.</p>
  </body>
</html> 
            
Смотреть пример