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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

HTML

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

Результат

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

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

HTML

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

CSS

abbr {
  font-variant: all-small-caps;
}

Результат

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

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

HTML

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

Result

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

Вы можете использовать <abbr> вместе с <dfn> для более формального определения аббревиатуры, как показано ниже.

HTML

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

Result

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

Specification
HTML Standard # the-abbr-element

BCD tables only load in the browser with JavaScript enabled.

Enable JavaScript to view data.

• Использование элемента <abbr>
• Другие элементы, являющиеся семантически текстовыми: <a>, <em>, <strong>, <small> (en-US), <cite>, <q> (en-US), <dfn>, <time>, <code>, <var> (en-US), <samp> (en-US), <kbd>, <sub> (en-US), <sup> (en-US), <b>, <i> (en-US), <mark>, <ruby>, <rp> (en-US), <rt>
  (en-US), <bdo>, <span>, <br>, <wbr>.
• Устаревший элемент <acronym>, который был заменён элементом <abbr>.

Found a content problem with this page?

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

Want to get more involved?

Learn how to contribute.

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

Расшифровка HTML-тегов

Язык HTML содержит множество тегов, каждый из которых имеет свое назначение и свою особенность. И для новичков бывает сложной задачей выучить те или иные теги. Для более простого понимания сути тегов HTML, полезным будет задаться вопросом: «А почему этот тег вообще так назван?». Причем, если с тегами <title> или <section> по названию все понятно, то по тегам <div> или <ul> есть вопросы.

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

Тег	Расшифровка	Перевод	Назначение
<a>	anchor	якорь	создаёт гипертекстовые ссылки
<abbr>	abbreviation	аббревиатура	определяет текст как аббревиатуру
<b>	bold	жирный	задает жирное начертание без придачи акцента
<br>	break	разрыв	переносит текст на новую строку
<dd>	definition description	описание определения	описывает термин <dt>
<div>	division	разделение	группирует блочные элементы
<dl>	definition list	список определений	контейнер, объединяющий тег термина <dt> и его описание <dd>
<dt>	definition term	термин определения	задает термин
<em>	emphasis	акцент	выделяет курсивом, придавая тексту акцент
<h2> — <h6>	heading	заголовок	создает заголовки разных уровней
<hr>	horisontal rule	горизонтальная черта	создает горизонтальную линию
<i>	italic	курсив	выделяет курсивом без придачи акцента
<img>	image	изображение	встраивает изображение
<li>	list item	пункт списка	описывает один из пунктов списка
<nav>	navigation	навигация	содержит навигационные ссылки по сайту
<ol>	ordered list	упорядоченный список	создает нумерованный список
<p>	paragraph	абзац	создает параграф
<pre>	preformatted	предварительно отформатированный	выводит текст без форматирования (с сохранением пробелов и переносов)
<q>	quote	цитата	создает краткую цитату
<sub>	subscript	нижний индекс	задает подстрочное написание текста
<sup>	superscript	верхний индекс	задает надстрочное написание текста
<svg>	scalable vector graphics	масштабируемая векторная графика	встраивает векторное изображение
<td>	table data	данные таблицы	создает ячейку таблицы
<th>	table head	заголовок таблицы	создает ячейку таблицы в виде заголовка
<tr>	table row	ряд таблицы	создает строку таблицы
<u>	underline	подчеркнутый	задает подчеркивание без придачи акцента
<ul>	unordered list	неупорядоченный список	создает маркированный список
<wbr>	word break	разрыв слова	указывает возможное место разрыва строки

 

16. 03.2020

Будь в курсе свежих новостей

HTML Decode Online — лучший инструмент для декодирования HTML-строки, HTML-URL и HTML-файла.

HTML Decode — это простой в использовании инструмент для кодирования простого HTML в закодированный HTML, который помогает отображать HTML-текст в HTML в теге

. Копировать, вставить и декодировать. 
 
 Этот декодер HTML представляет собой инструмент или программу, которая используется для преобразования текста, закодированного в HTML, обратно в его исходную незакодированную форму. Кодировка HTML представляет символы в документах HTML, поэтому их можно соответствующим образом отображать в веб-браузере. Он часто используется для обработки специальных символов, которые могут отображаться неправильно, или для представления символов со специальным значением в HTML. Декодер HTML принимает строку в кодировке HTML в качестве входных данных и возвращает незакодированную версию строки. 
 
 Например, символ "&" используется в HTML для обозначения начала объекта HTML.  Если вы хотите отобразить символ «&» в документе HTML, вы должны закодировать его как «&». Декодер HTML примет закодированную строку "&" в качестве входных данных и вернуть незакодированную строку «&». 
 
 
 HTML Decode — уникальный инструмент для кодирования простого html. 
 
 Этот инструмент экономит ваше время и помогает кодировать данные языка гипертекстовой разметки. 
 
 Этот инструмент позволяет загружать URL-адрес обычных данных HTML, который загружает простые данные для кодирования. Нажмите кнопку URL, введите URL и отправьте. 
 
 Пользователи также могут конвертировать обычный файл HTML в закодированный HTML, загрузив файл. 
 
 HTML Decoder Online хорошо работает на Windows, MAC, Linux, Chrome, Firefox, Edge и Safari. 
 
 
 Пример 
  
  HTML  Попробуйте. 
 
 <!DOCTYPE html>
<html>
  <голова>
    <title>Крупнейшие компании по рыночной капитализации — фондовый рынок США</title>
    <метакодировка="UTF-8" />
  </голова>
  <тело>
    <h2>Apple: 2037 миллиардов</h2>
    <h3>Microsoft : 1624 миллиарда</h3>
    <h4>Amazon : 1611 миллиардов</h4>
    <h5>Google : 1058 миллиардов</h5>
    <h5>Alibaba: 826 миллиардов</h5>
    <b>Данные по состоянию на 21 сентября 2020 года. </b>
   </тело>
</html>
 
  Декодированный HTML 
 

  <голова>
    
    <метакодировка="UTF-8" />
  
  <тело>
     
Apple: 2037 миллиардов
 
     
Майкрософт: 1624 миллиарда
 
     
Amazon: 1 611 миллиардов
 
     
Google: 1058 миллиардов
 
     
Alibaba: 826 миллиардов
 
    Данные по состоянию на 21 сентября 2020 г.
   

 
 Для опытных пользователей
 Внешний URL-адрес 
 Загрузить внешний URL-адрес в URL-адрес браузера, подобный этому https://codebeautify.org/  html-decode-string?  url  =external-url
 https://codebeautify.org/  html-decode-string?url=  https://gist.gi  thubusercontent  .com/cbmgit/5e3  ad526c135500e28  c6d2b3a977a779/  необработанный /htmlдекодировать.  html
 Кодировщик/декодер HTML 
 Используйте этот бесплатный онлайн-инструмент для кодирования HTML, чтобы преобразовать все применимые символы в соответствующие объекты HTML. Инструмент также позволяет декодировать закодированные символы и преобразовывать HTML-код в строку JavaScript Unicode.
 HTML (язык гипертекстовой разметки) — это стандартный язык разметки для документов, предназначенных для отображения в веб-браузере. В этом могут помочь такие технологии, как каскадные таблицы стилей (CSS) и языки сценариев, такие как JavaScript.
 Веб-браузеры получают HTML-документы с веб-сервера или из локального хранилища и преобразуют документы в мультимедийные веб-страницы. HTML семантически описывает структуру веб-страницы и изначально включает подсказки для внешнего вида документа.
 HTML используется с 1991 года, но HTML 4.0 был первой стандартизированной версией, в которой интернациональные символы были достаточно полно обработаны. Когда HTML-документ включает специальные символы за пределами диапазона семибитного ASCII, необходимо учитывать два аспекта: целостность информации и универсальное отображение в браузере. (Википедия)
 ASCII означает Американский стандартный код для обмена информацией, это стандарт кодирования символов для электронной связи. ASCII является наиболее распространенным набором символов или кодировкой символов, используемых на компьютерах, и наиболее широко используемым набором символов для электронного кодирования текста. Это был первый стандарт кодирования символов. В нем определено 128 различных символов, включая английские буквы, цифры и наиболее распространенные специальные символы. Кодировка ASCII поддерживает только прописные и строчные буквы латинского алфавита, цифры 0-9., и некоторые дополнительные символы, всего 128 символов.
 Кодирование HTML означает преобразование документа, содержащего специальные символы за пределами диапазона обычного семибитного ASCII, в стандартную форму. Используемый тип кодирования отправляется на сервер в виде информации заголовка, чтобы его можно было легко и правильно проанализировать браузерами.
 Веб-кодирование правильно отображает текст или строку в браузерах. Всякий раз, когда текст копируется с веб-страницы, наши браузеры напрямую копируют декодированные символы, которые не могут отображаться в браузерах. Эти символы ASCII должны быть закодированы для правильного отображения вывода.
 Ссылка на сущность символа HTML — это специальный набор символов (код), который браузер отображает как специальный символ или символ, соответствующий коду ссылки на сущность.
 Общий формат ссылки на символьный объект HTML: &, за которым следует некоторый код, а затем следует; без пробелов между ними.
 Инструмент HTML Encoder позволяет сразу кодировать и декодировать.
 Код HTML 
 Кодировщик символов HTML
 преобразует все символы ASCII в их объекты HTML. Каждый символ имеет определенное значение, и каждый преобразованный код объекта передает исходное сообщение этого символа.
 Объект HTML — это фрагмент текста («строка»), начинающийся с амперсанда (&) и заканчивающийся точкой с запятой (;). Сущности часто используются для отображения зарезервированных символов (которые в противном случае интерпретировались бы как HTML-код) и невидимых символов (например, неразрывных пробелов). Вы также можете использовать их вместо других символов, которые трудно набирать на стандартной клавиатуре.
 HTML имеет набор специальных символов, которые браузеры распознают как часть самого языка HTML. Например, меньше, чем
 Декодирование HTML 
 Декодирование символов HTML — это процесс, противоположный кодированию. Закодированные символы преобразуются обратно в исходную форму в процессе декодирования. Он декодирует строку, содержащую числовые ссылки на символы HTML, и возвращает декодированную строку.
 Вы также можете преобразовать код HTML в строку JavaScript.
 HTML Encoder также преобразует HTML-код в строку JavaScript Unicode, что означает, что текст выглядит зашифрованным при просмотре исходного кода, но при выполнении в качестве веб-страницы он выглядит нормально.
 Какие зарезервированные символы HTML? 
 HTML имеет набор специальных символов, которые браузеры распознают как часть самого языка HTML.