Тег acronym в html - практический урок, видео | Бизнес блог Макса Метелева

26 ноября, 2014 Максим Метелев 18149 просмотров Комментариев нет

Всем доброго утра дорогие читатели и подписчики! Снова с чашкой утреннего чая и зарядом хорошего настроения я спешу рассказать вам про основы создания сайтов и его азы и сегодня я расскажу о таком теге html как acronym.

Acronym это определенное устоявшееся общепринятое сокращение. К таковым можно отнести: ФБР, ЛФК, КГБ, АСУ, ВУЗ, ТАСС и ряд других.

Данный текст, который является аббревиатурой будет подчеркиваться пунктирной линией.

Вот его синтаксис (написание):

<acronym>Здесь будет ваша аббревиатура</acronym>

1	<acronym>Здесь будет ваша аббревиатура</acronym>

Работает в следующих браузерах и версиях:

Internet Explorer	Chrome	Opera	Mozilla FireFox	Safari	Android	IOS
6.0 +	1.0 +	2.1 +	1.0 +	3.0 +	1.0 +	1.0 +

Для него доступны следующие атрибуты и события:

onclick
ondblclick
onmousedown
onmouseup
onmouseover
onmousemove
onmouseout
onkeypress
onkeydown
onkeyup

Этот тег парный поэтому его всегда нужно закрывать!

Давайте разберем пример на практике:

<!DOCTYPE html>
<html>
  <head>
   <meta charset=utf-8">
   <title>Тег ACRONYM</title>
   <style type="text/css">
    acronym {
     border-bottom: 1px dashed #cc0000; /* Подчеркивание текста */
     color: maroon; /* Цвет текста сокращения */
    }
   </style>
  </head>
  <body> 
  <p>В свое время я закончил экономический факультет  <acronym title="Калининградский Государственный Технический Университет">КГТУ</acronym>.</p>
 </body> 
</html>

<!DOCTYPE html>

<html>

<head>

<title>Тег ACRONYM</title>

acronym {

border-bottom: 1px dashed #cc0000; /* Подчеркивание текста */

color: maroon; /* Цвет текста сокращения */

}

</style>

</head>

<body>

<p>В свое время я закончил экономический факультет <acronym title="Калининградский Государственный Технический Университет">КГТУ</acronym>.</p>

</body>

</html>

Теперь давайте посмотрим, что получилось в браузере:

Обратите внимание, что сама транскрипция нашего сокращения заключена в атрибуте title.

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

[sociallocker id=»3259″]Скачать Исходник

[/sociallocker]