HTML-аббревиатура

Тег HTML-сокращения <abbr> используется для определения сокращения в тексте HTML-документа. При наведении курсора на элемент сокращения отображается значение атрибута title, заданного для этого элемента сокращения.

Пример

Простой элемент аббревиатуры показан в следующем примере.

<!DOCTYPE html>
<html>
    <body>
        <p>Welcome to <abbr title="HyperText Markup Language">HTML</abbr> Tutorial!</p>
    </body>
</html>

Примечание: элемент HTML Abbreviation начинается с тега <abbr> и заканчивается конечным тегом </abbr> .

CSS по умолчанию для HTML <abbr>

По умолчанию для элемента Abbreviation установлены следующие свойства CSS.

Копировать

text-decoration: underline dotted;

Встроенный стиль для элемента HTML-аббревиатуры

Мы можем изменить стиль элемента «Аббревиатура» с помощью встроенного стиля, используя атрибут style.

В следующем примере мы установили зеленый цвет для элемента «Аббревиатура».

<!DOCTYPE html>
<html>
    <body>
        <p>Welcome to <abbr title="HyperText Markup Language" style="color:green">HTML</abbr> Tutorial!</p>
    </body>
</html>

Применить CSS к элементу HTML-аббревиатуры

Мы можем применить CSS ко всем элементам аббревиатуры, используя имя тега abbr .

<!DOCTYPE html>
<html>
    <head>
        <style>
            abbr {
              color:green;
            }
          </style>
    </head>
    <body>
        <p>Welcome to <abbr title="HyperText Markup Language">HTML</abbr> Tutorial!</p>
    </body>
</html>

Заключение

В этом уроке по HTML мы изучили тег HTML <abbr> и рассмотрели различные примеры, охватывающие определение элемента HTML Abbreviation и его стилизацию.