Abbr html что это

Abbr html что это

Тег указывает, что последовательность символов является аббревиатурой. С помощью атрибута title дается расшифровка сокращения, что позволяет понимать аббревиатуру тем людям, которые с ней не знакомы. Кроме того, поисковые системы индексируют полнотекстовый вариант сокращения, что может использоваться для повышения рейтинга документа.

Браузеры никак не выделяют текст внутри , за исключением Opera до версии 15, которая добавляет к тексту пунктирное подчёркивание.

Синтаксис

Текст

Атрибуты

title Добавляет всплывающую подсказку к тексту, в которой можно дать расшифровку аббревиатуры.

Также для этого тега доступны глобальные атрибуты и события.

Закрывающий тег

HTML5 IE Cr Op Sa Fx

       
CGI обозначается протокол, с помощью которого любые внешние программы взаимодействуют с веб-сервером. С помощью CGI на сервере можно выполнять программы на любом языке программирования и результат их действия выводить в виде веб-страницы.
  

Результат данного примера показан на рис. 1.

Рис. 1. Вид всплывающей подсказки при наведении курсора мыши на текст аббревиатуры

Браузеры

Браузер Internet Explorer до 6 версии включительно не поддерживает тег , взамен рекомендуется использовать тег .

: Элемент Аббревиатура

Элемент HTML «аббревиатура» ( ) представляет собой аббревиатуру и, опционально, может показывать её расшифровку. Расшифровка записывается в атрибут title . Иные значения title , кроме расшифровки аббревиатуры не допускаются.

Интерактивный пример

Статья Как помечать аббревиатуры и сделать их потянутыми поможет понять как использовать и связанные элементы.

Категории контента	Основной поток, текстовый контент, явный контент
Допустимое содержимое	Фразовый контент
Пропуск тегов	Нет, открывающий и закрывающий теги обязательны.
Допустимые родители	Любые, поддерживающие фразовый контент.
Допустимые ARIA-роли	Любые
DOM-интерфейс	HTMLElement

Атрибуты

Этот элемент поддерживает только глобальные атрибуты. Атрибут title имеет специальное семантическое значение, когда используется вместе с элементом . Он должен содержать полную расшифровку или описание аббревиатуры.

Каждый элемент независим от других. Указание title на одном элементе не применяет это же описание к другим элементам с одинаковым содержанием.

Примечания к использованию

Обычное использование

Необязательно помечать все аббревиатуры с помощью . Далее представлено несколько вариантов, которые помогут выбрать как помечать текст:

• Когда используете аббревиатуру и хотите показать описание или расшифровку вне основного потока содержания, используйте c подходящим title .
• Чтобы обозначить аббревиатуру, которая может быть незнакома читателю, используете с атрибутом title или просто текст с описанием.
• Когда присутствие аббревиатуры в тексте должно быть семантически выделено, полезен элемент . В свою очередь, его использование может быть использовано для стилизации или написания сценариев.
• Вы можете использовать вместе с , чтобы установить определения для терминов, которые являются аббревиатурами или акронимами. Смотрите пример Определение в аббревиатуре ниже.

Грамматические вопросы

В языках с падежами (то есть, языки, в которых количество предметов влияет на грамматику предложения), используйте одинаковое грамматическое число в атрибуте title и внутри элемента . Это также имеет место в языках с более чем двумя грамматическими числами (например, арабский имеет не только категории единственного и множественного числа, но двойственного).

Стили по умолчанию

Назначение данного элемента исключительно для удобства автора и браузеры отображают его как ( display : inline ) по умолчанию, хотя его стиль по умолчанию меняется в разных браузерах:

• Некоторые браузеры, например Internet Explorer, стилизуют его как элемент .
• Opera, Firefox и другие добавляют подчёркивание точками к содержанию элемента.
• Некоторые браузеры не только подчёркивают, но и меняют начертание на капитель (small caps). Чтобы избежать этого, добавьте font-variant (en-US) : none в ваш CSS.

Примеры

Семантическая пометка аббревиатуры

Чтобы пометить аббревиатуру без задания описания или расшифровок, просто используйте без каких-либо атрибутов, как показано в примере ниже.

HTML

p>Использование abbr>HTMLabbr> – весело и легко!p> 

Результат

Стилизация аббревиатуры

Вы можете использовать CSS, чтобы задать пользовательские стили для аббревиатуры, как показано в примере ниже.

HTML

p>Используя abbr>CSSabbr>, вы можете стилизовать аббревиатуры!p> 

CSS

abbr  font-variant: all-small-caps; > 

Результат

Задание расшифровки

Добавление атрибута title даёт вам возможность задать расшифровку или описание для аббревиатуры или акронима.

HTML

p> Эта статья великолепна! abbr title="Подпишусь под Каждым Словом">ППКСabbr> без раздумий. p> 

Result

Определение в аббревиатуре

HTML

p> dfn id="html">abbr title="HyperText Markup Language">HTMLabbr> dfn> – язык разметки, который используется для создания семантических и структурированных веб-страниц. p> p> A dfn id="spec">Specificationdfn> (abbr title="Specification">specabbr>) – документ, в котором описаны основные принципы работы технологи или API и как получить к ним доступ. p> 

Result

Спецификации

Specification
HTML Standard # the-abbr-element

Совместимость с браузерами

BCD tables only load in the browser

Смотрите также

Found a content problem with this page?

• Edit the page on GitHub.
• Report the content issue.
• View the source on GitHub.

This page was last modified on 4 авг. 2023 г. by MDN contributors.

Your blueprint for a better internet.

MDN

Support

• Product help
• Report an issue

Our communities

Developers

• Web Technologies
• Learn Web Development
• MDN Plus
• Hacks Blog

• Website Privacy Notice
• Cookies
• Legal
• Community Participation Guidelines

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998– 2023 by individual mozilla.org contributors. Content available under a Creative Commons license.

Abbr html что это

Тег означает «аббревиатура» и используется для обозначения аббревиатуры или сокращения на веб-странице.

Атрибут title указывает полный текст аббревиатуры или сокращения. Если аббревиатура встречается несколько раз на странице, этот атрибут нужно включать только в первом случае.

Примеры использования

Использование аббревиатуры в заголовке:

 
HTML-справочник
 

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

 
 
 
ID
 
Имя
 
Email
 
 
 
 
001
 
Коля Шабалин
 
kolya@htmlacademy.ru
 
 
002
 
Игорь Антонов
 
igor@htmlacademy.ru
 
 
 
 

�� Другие теги для изменения текста

«Доктайп» — журнал о фронтенде. Читайте, слушайте и учитесь с нами.

Читать дальше

Контейнер для чего угодно. Тег

Тег определяет раздел или секцию в HTML-документе. Это контейнер, который используется для группировки других элементов, таких как текст, изображения или другие теги, в разделы или блоки.

 
Заголовок секции
 
Какое-нибудь содержимое секции
 
 

• 6 октября 2023

Как добавить подпись в HTML. Тег

Устаревший атрибут align — выравнивание подписи относительно элемента .

Тег может использоваться только внутри элемента .

Валидный HTML требует, чтобы тег находился после элемента или других медиа-элементов внутри . Однако это необязательное правило, и подпись может располагаться перед медиа-элементом или даже внутри него.

• 6 октября 2023

Метаданные HTML-страницы. Тег

Тег содержит метаданные о документе HTML. Он может включать такую информацию, как имя автора, название документа, ключевые слова и набор символов.

Атрибуты тега :

• charset — кодировка символов в документе.
• name — имя метаданных.
• content — значение метаданных.
• http-equiv — HTTP-заголовок для значения атрибута content .

Атрибут charset должен быть первым атрибутом в теге , а name и http-equiv нельзя использовать вместе.

• 4 октября 2023

Просто кнопка. Тег

Тег создаёт кликабельную кнопку, которая может запускать действия или события на веб-странице. Например, отправку или перезагрузку формы, запуск функции, открытие нового окна или добавление товара в корзину.

Атрибуты тега :

• name — имя кнопки.
• type — тип кнопки, по умолчанию — submit . Атрибут type необходим, если указан атрибут value .
• value — значение, которое будет отправлено на сервер при нажатии на кнопку.
• disabled — указывает, что кнопка должна быть отключена.
• form — одна или несколько форм, к которым принадлежит кнопка.
• formaction — URL-адрес файла, который будет обрабатывать ввод при нажатии кнопки.
• formenctype — указывает, как данные формы должны быть закодированы при отправке на сервер.
• formmethod — метод HTTP, используемый при отправке данных формы.
• formnovalidate — устанавливает, что данные формы не должны проверяться при отправке на сервер.
• formtarget — указывает, где отображать ответ после отправки формы.

• 4 октября 2023

Независимый контент. Тег

Тег в HTML используется для выделения содержимого, которое является независимым и самодостаточным. Это означает, что такой контент может быть переиспользоваться в разных местах без потери смысла.

 
Заголовок статьи
 
Текст статьи.
 
 

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

Не используйте для группировки элементов, которые не являются самостоятельными материалами, например, для списка продуктов или новостей.

• 3 октября 2023

Как встроить страницу через

Тег позволяет встраивать контент (например, веб-страницы, видео) прямо в ваш документ HTML.

Простейший пример использования :

Атрибут src задаёт URL-адрес страницы, которую вы хотите встроить.

Атрибуты width и height — ширина и высота фрейма (можно задавать как в пикселях, так и в процентах).

• 3 октября 2023

Выпадающий список. Тег

Тег используется для создания выпадающего списка. Этот тег содержит список опций, которые пользователь может выбрать. Когда пользователь выбирает опцию, выбранное значение отправляется на сервер или обрабатывается на клиентской стороне.

Все опции списка должны быть обёрнуты в тег .

Атрибуты тега :

• autocomplete — подсказка для функции автозаполнения формы;
• disabled — делает элемент неактивным;
• form — связывает список с формой;
• multiple — позволяет выбрать несколько опций;
• name — задает имя элемента, которое будет отправляться на сервер;
• required — делает элемент обязательным для заполнения;
• size — задает количество строк в списке.

• 1 октября 2023

Встроенные CSS-стили для страницы с тегом

Тег используется для определения стилей для HTML-документов. Он является важным компонентом CSS, которые позволяют разработчикам создавать визуально привлекательные веб-страницы, определяя различные стили, такие как цвета, шрифты и макеты.

    body 
Добро пожаловать на мой сайт!
   

Атрибуты тега :

• type — MIME-тип таблицы стилей.
• media — типы носителей, для которы будет использоваться стиль.

• 29 сентября 2023

Изображение в HTML. Тег

Элемент используется для вставки изображений на веб-страницы.

У нет закрывающего тега. Он поддерживает изображения в различных форматах — например, JPEG, PNG, WebP, GIF, SVG.

Существуют определенные правила или стандарты использования тега , которые рекомендуются для большинства случаев в веб-разработке. Несмотря на то что конкретные требования могут варьироваться в зависимости от проекта, ниже приведены атрибуты и практики, которые часто рекомендуются к использованию.

• 28 сентября 2023

Тег abbr

Тег abbr указывает, что текст, заключенный в данных тег, является аббревиатурой (аббревиатура — это сокращение какого-либо названия, обычно набранное большими буквами, например, США).

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

Кроме того, в данном случае title выполняет и другую функцию — расшифровка аббревиатуры будет проиндексирована поисковиками.

Некоторые браузеры могут выделять содержимое этого тега пунктирным подчеркиванием.

Пример

Давайте возьмем аббревиатуру США в тег abbr , добавим атрибут title , в котором приводится расшифровка аббревиатуры (наведите мышкой в примере на слово «США» и немного, пару секунд, подержите — вы увидите всплывающую подсказку):