Стайлинг съкращения и акроними

Тази статия се обсъждат видове съкращения, как да ги маркирате и как да ги стил.

1. Защо използвате <abbr> или елементи <acronym>?
2. Видове съкращения
2.1. Съкращения
2.2. Инициали
2.3. Контракциите
2.4. Съкращения
3. Объркване над <abbr> елемент и “abbr” атрибут
4. Стайлинг на <abbr> и елементи <acronym>
4.1. Защо да използвате EMS вместо пиксела?
4.2. Защо няма цвят, определен?
4.3. Смяна на курсора
4.4. Подкрепа за <abbr> в Internet Explorer 5 и 6
5. Свързани статии и информация

Защо използвате <abbr> или елементи <acronym>?

Тези елементи се използват, за да добавите допълнителен смисъл на уеб съдържание. Елементът се увива около съответното съдържание и от заглавието атрибут след това се използва за предоставяне на допълнителна информация. Например:

<abbr title=”association”>assoc.</abbr>

Теоретично две групи от потребители могат да се възползват от <abbr> или <acronym> елементи:

Потребителите на помощни средства, като например екранни четци и обновяеми брайлови устройства – въпреки че е доказано, че много потребители на тези технологии не може да влезете в атрибут заглавие.
Зрящите потребители, които не разбират какво съкращението или средства акроним.

Видове съкращения

Думата “съкращение” идва от латинската дума Късно abbreviare (съкращаване), която е свързана с Brevi (кратко). Докато някои хора не са съгласни, всички методи на съкращаване на думи или фрази са подгрупи на съкращението.

Някои от тези подгрупи включват:

Инициали
Контракциите
Съкращения

Съкращения

Определя се като: A съкратена форма на думата или фразата, използвана за краткост на мястото на цялото, състояща се от първата буква, или първите няколко букви, последвани от период (пълно спиране).

Примери:

Доц. д-р. е съкращение за асоцииране

Пример маркират:

<abbr title=”association”>assoc.</abbr>

Инициали

Определя се като: Съкратено произнася като имената на отделни букви, образувани само от първата буква на съставните думи. Това разграничение се поддържа от много определения речник, но не от всички. Първото документирано използването на думата initialism в Oxford English Dictionary (ООО) е през 1899 година.

Примери:

USA е initialism за Съединените американски щати
IE е initialism за Internet Explorer
CSS е initialism за Cascading Style Sheets
IRS е initialism за вътрешни приходи

Тъй като няма HTML “initialism” елемент, съдържанието ще се маркират с “abbr” елемент. Пример маркират:

<abbr title=”Cascading Style Sheets”>CSS</abbr>

Контракциите

Контракциите идват в две форми.

Съкратена форма на дума, която завършва с една и съща буква, колкото и самата дума.
Кратко начин за писане на двете думи като един от написването двете думи заедно, оставяйки на една или повече букви и замяна на липсващите букви от апостроф.

Примери:

Ave е свиването на Avenue (тип 1)
не може да е свиването на не може (тип 2)
не е свиването на не (тип 2)

Не съществува (X) HTML “свиване” елемент. Въпреки това е вероятно много рядък, че някой би искал специално да маркирате един подизпълнител дума.

Съкращения

Съкращения са подвид на съкращенията, тъй като все още са съкратени думи. Въпреки това, те са по-специфични. Едно съкращение се определя като дума формира от началните букви на няколко елемента име. Важното в случая е, че съкращение трябва да бъде една дума – това означава, че се присъединиха първите букви трябва да може да бъде произнесена.

Примери:

ОПАК е съкращение на публичните онлайн каталог Access
Qantas първоначално съкращение на Куинсланд и Северна Територия Разстояние Services Ltd
Modem е съкращение на модулатор-демодулатор

Пример маркират:

<acronym title=”Radio Detecting And Ranging”>radar</acronym>

 

Объркване над <abbr> елемент и “abbr”атрибут

ABBR е объркващо, тъй като е едновременно HTML елемент, както и като атрибут. Но по-важното е, че те играят напълно противоположни роли.

The <abbr> елемент се използва за предоставяне на допълнителна информация за съкращения, инициали и контракции използва заглавието атрибут. Например:

<abbr title=”association”>assoc.</abbr>

“abbr” атрибут се използва за предоставяне на информация на по-кратък помощни средства като екранни четци, когато те се “чете” таблична информация. Например:

<th abbr=”screws”>Long pointy screws</th>

Стайлинг на <abbr> и елементи <acronym>

На <abbr> и <acronym> елементи са често оформена с пунктирана подчертае, за разлика от твърдата подчертават използва за хипервръзки. Това показва на потребителя, че те могат да си взаимодействат с елемент, но това не е стандартен хипервръзка.

Това може да се постигне с стенограмите CSS правило се:

abbr, acronym
{
border-bottom: .1em dotted;
}

 

Защо да използвате EMS вместо пиксела?

С помощта на стойност specifed в EMS ще позволи на ширината на границата, за да съответстват на съответния размер на шрифта, без значение колко големи или малки.
Защо няма цвят, определен?

Стенографските гранично-отдолу имота позволява три стойности, които се definied наведнъж. Това са:

граница по ширина
границата стил
гранично-цвят

Всяка от тези стойности е “първоначална стойност” – стойност, която ще се прилага от браузъра, ако не е посочено от автора. Първоначалните стойности са:

граница по ширина има първоначална стойност на “средна”
гранично-стил има начална стойност на “никой”
граничен цвят има първоначална стойност на “цвят” имущество

При липса на цветна е определен от самия автор, първоначалната стойност се използва. За границата-цвят, първоначалната стойност е “стойността на цвят собственост”. Това означава, че цветът на границите винаги ще съответства на цвета на текста.

Ако цветът на текстови промени в различни области на сайт или дори в рамките на определена страница, след напускане на гранично-отдолу цвят неуточнена е предимство, тъй като не трябва да бъдат повторно определени всеки път, когато съдържанието променя цвета си.
Смяна на курсора

Можете също така да помогне на потребителите чрез промяна на курсора тип, когато съкращение или акроним се прехвърлят с помощта на:

abbr, acronym
{
border-bottom: .1em dotted;
cursor: help;
}

 

Подкрепа за <abbr> в Internet Explorer 5 и 6

Internet Explorer 5 и 6 за Windows не поддържат <abbr> елемент. Това оставя разработчиците с набор от възможности за избор:

Неправилно използване на елемента <acronym> вместо <abbr> елемент
Добави <span> елемент вътре в <abbr> елемент и се прилагат същите стилове на този период
Използвайте JavaScript за решаване на проблема
Използвайте abbr-Кадабра метод

Comments are closed.

Post Navigation