Abréviations HTML. Éléments sémantiques moins connus. Style par défaut

Élément Abréviations HTML () est une abréviation ou une abréviation ; L'attribut optionnel title peut fournir une extension ou une description pour l'abréviation. S'il est présent, le titre doit contenir cette description complète et rien d'autre.

Article Comment marquer les abréviations et les rendre compréhensibles est un tutoriel pour apprendre à utiliser et articles connexes.

Les attributs

Cet élément ne prend en charge que les attributs globaux . L'attribut title a une signification spécifique lorsqu'il est utilisé avec un élément ; il doit contenir une description complète lisible par l'homme ou une extension de l'abréviation. Ce texte est souvent affiché sous forme d'info-bulle par les navigateurs lorsque le curseur de la souris survole un élément.

Chaque élément vous utilisez, ne dépend pas de tout le monde ; fournir un titre pour l'un n'ajoute pas automatiquement le même texte d'extension aux autres avec le même texte de contenu.

Remarques sur l'utilisation

Cas d'utilisation typiques

Bien sûr, il n'est pas nécessaire que toutes les abréviations soient marquées par . Cependant, il y a quelques cas où cela est utile :

Considérations grammaticales

Dans les langues avec numéro grammatical (c'est-à-dire les langues où le nombre d'éléments affecte la grammaire de la phrase), utilisez le même numéro grammatical dans l'attribut title qu'à l'intérieur de votre élément . Ceci est particulièrement important dans les langues à plus de deux chiffres, comme l'arabe, mais est également pertinent en anglais.

Style par défaut

Le but de cet élément est purement pour la commodité de l'auteur, et tous les navigateurs l'affichent en ligne ( display : inline ) par défaut, bien que son style par défaut varie d'un navigateur à l'autre :

• Certains navigateurs comme Internet Explorer, ne le construisez pas différemment de l'élément .
• Opera, Firefox et quelques autres ajoutent des tirets au contenu d'un élément.
• Plusieurs navigateurs ajoutent non seulement le soulignement en pointillé, mais le mettent également en petites majuscules ; pour éviter ce style, ajouter quelque chose comme font-variant : none en CSS ne s'occupera pas de ce cas.

Exemples

Marquer sémantiquement une abréviation

Pour baliser une abréviation sans fournir d'extension ou de description, utilisez simplement sans aucun attribut, comme illustré dans cet exemple.

HTML

Utilisant HTML est amusant et facile!

résultat

Abréviations conditionnelles

Vous pouvez utiliser CSS pour définir un style personnalisé qui sera utilisé pour les abréviations, comme le montre cet exemple simple.

HTML

Utilisant CSS, vous pouvez styliser vos abréviations !

CSS

résultat

Assurer l'expansion

L'ajout d'un attribut de titre vous permet de spécifier une extension ou une définition pour une abréviation ou une abréviation.

HTML

La blague d'Ashok m'a fait MDR temps fort.

résultat

Abréviation Définition

vous pouvez utiliser en tandem avec pour une définition plus formelle de l'abréviation, comme indiqué ici.

HTML

HTML est un langage de balisage utilisé pour créer la sémantique et la structure d'une page Web.

UNE spécification (spécification) est un document qui décrit en détail comment une technologie ou une API est censée fonctionner et comment y accéder.

résultat

Disponibilité

Une description complète d'un acronyme ou d'un acronyme la première fois qu'il est utilisé sur une page aide les gens à le comprendre, surtout si le contenu est un jargon technique ou industriel.

Exemple

Notation d'objet JavaScript( JSON) est un format d'échange de données léger.

Ceci est particulièrement utile pour les personnes qui ne connaissent pas la terminologie ou les concepts abordés dans le contenu, les personnes qui découvrent la langue et les personnes ayant des problèmes cognitifs.

Caractéristiques

Compatibilité du navigateur

1. Avant Firefox 4, cet élément implémentait l'interface HTMLSpanElement au lieu de l'interface HTMLElement standard.

TEG

générateur thermoélectrique

technologie.

Dictionnaire: S. Fadeïev. Dictionnaire des abréviations de la langue russe moderne. - S.-Pb. : Polytechnique, 1997. - 527 p.

TEG

triéthylène glycol

TEG

thromboélastogramme

mon chéri.

Une source: http://cardio-burg.ru/magazin/magazin.php?nnn=2000_2&cont=20002s8

TEG

hôpital d'évacuation thérapeutique

mon chéri.

Dictionnaire: Dictionnaire des abréviations et abréviations de l'armée et des services spéciaux. Comp. A. A. Shchelokov. - M.: AST Publishing House LLC, Geleos Publishing House CJSC, 2003. - 318 p.

Dictionnaire des abréviations et abréviations. Académicien. 2015 .

Voyez ce que "TEG" est dans d'autres dictionnaires :

Étiqueter- (étiquette, étiquette anglaise "étiquette, étiquette, étiquette ; étiquette") étiquette comme mot-clé, dans une application plus restreinte, un identifiant, pour catégoriser, décrire et rechercher des données, définissant une structure interne. Exemples d'application : élément de langage de balisage ... ... Wikipedia

étiqueter- nom, nombre de synonymes : 3 descripteur (5) étiquette (2) étiquette (25) dictionnaire de synonymes ASIS. V.N. Trichine... Dictionnaire des synonymes

Étiqueter- règlement dans le district de Syktyvdinsky. Nommé d'après r. Tagyu, à droite, jusqu'à l'affluent du Vychegda, près duquel il se situe : tag Komi "soufre", yu "rivière". Tagyu "une rivière près de laquelle il y a des sorties de soufre". Dans cette zone, le soufre naturel était auparavant extrait pour les besoins des ménages ... ... Dictionnaire toponymique de la République des Komis

TEG- 3.1.45 TAG (tag) : l'élément de service, placé au début de l'en-tête et stocké avec les données, ne peut pas être utilisé comme élément indépendant. Une source … Dictionnaire-ouvrage de référence des termes de la documentation normative et technique

TEG- voir Générateur thermoélectrique ... Grand dictionnaire polytechnique encyclopédique

TEG- ... Wikipédia

TEG- générateur thermoélectrique... Dictionnaire des abréviations de la langue russe

étiquette d'identification de protocole- — [GOST R 54325 2011 (CEI/TS 61850 2:2003)]] Sujets protection relais Identifiant de protocole de balise ENTPID … Manuel du traducteur technique

Aï-Teg-Yugan- Longueur Caractéristique 35 km Bassin Mer de Kara Cours d'eau Estuaire 33 km le long de la rive gauche du chenal Mogot Leim Dernière Localisation... Wikipedia

générateur thermoélectrique- (TEG) générateur thermoélectrique, dispositif de conversion directe d'énergie thermique en énergie électrique dont le principe de fonctionnement est basé sur l'effet Seebeck (voir Phénomènes thermoélectriques). La composition du TEG comprend: des thermopiles assemblées à partir de ... ... Grande Encyclopédie soviétique

Portons notre attention sur le sujet des abréviations sur les pages Web, ou plutôt sur la compréhensibilité de ces abréviations pour les lecteurs. Cet article traite des balises abbr et acronyme et des nuances qui leur sont associées.

Attention!!! Dans la spécification HTML5, l'élément acronyme déclaré complètement obsolète et fortement recommandé d'être retiré de l'utilisation. Au lieu de cela, il est proposé d'utiliser l'élément abbr(précisions du 11/10/2011) .

Se familiariser avec la terminologie

Les abréviations et les acronymes doivent être clairs pour tout le monde et toujours

Assez souvent, on utilise diverses abréviations, allant de « zamkompomorde » à « ASS » (ce n'est pas du tout ce que vous pensez). Mais aussi, bien souvent, beaucoup de gens n'ont aucune idée de ce que signifient ces abréviations. Par conséquent, en utilisant n'importe quel terme qui est une abréviation ou un acronyme, vous devez leur donner des explications. De plus, si vous avez entré le terme au début, après l'avoir expliqué, cela ne signifie pas qu'une personne n'oubliera pas sa signification en 2 minutes, donc les explications doivent toujours être à proximité.

Balises HTML et

HTML 4 nous fournit deux éléments de formatage logiques utilisés pour mettre en évidence les abréviations et les acronymes - abbr et acronym , respectivement. Ces balises ont un attribut de titre qui explique le terme. Tout navigateur normal affichera l'info-bulle spécifiée par l'attribut title lors du passage de la souris sur un tel terme.

Exemple : Modem WWW

www modem

Billy qui n'aime pas le W3C

IE (jusqu'à la version 6) ne prend pas en charge la balise ABBR(désolé pour cela si tôt, sans préparation :-)

Dans la liste des éléments qui lui sont familiers, seul l'élément ACRONYM est indiqué. Mais je suis sûr que cela sera corrigé dans la septième version du navigateur.

Bien sûr, vous pouvez renoncer à cela et utiliser la balise acronyme au lieu de la balise abbr, mais ne soyez pas surpris si l'agent vocal de l'utilisateur prononce l'abréviation alphabétique URI non pas lettre par lettre, mais en un mot, et vous obtenez le nom Uri du film / f "Adventures of Electronics". Mais vous pouvez également trouver une solution de contournement, par exemple, insérer un élément SPAN à l'intérieur de l'ABBR :

CSS

Et il est préférable d'automatiser ce processus en effectuant des insertions à l'aide d'un script, après le chargement du document et uniquement pour IE. Et ce qui est très important, il n'y aura pas besoin de changer à droite le texte original du document.

Mise en place d'un marathon CSS

Étant donné que abbr et acronyme sont des éléments de formatage logiques, les navigateurs peuvent les afficher différemment sur la page. Par exemple, Mozilla Firefox et Opera affichent ces éléments avec un soulignement noir sous forme de points, Konqueror met ces éléments en italique et IE ne met aucunement en évidence (acronyme) visuellement.

Par conséquent, cela ne fait pas de mal de définir des styles qui unifieraient l'affichage de ces éléments dans différents navigateurs.

Par exemple, comme ceci :

ABBR, ACRONYME (
bordure inférieure : 1 px en pointillé #F04B2D ;
curseur:aide ;
style de police : italique ;

La description

Étiqueter indique que la séquence de caractères est une abréviation. À l'aide de l'attribut title, une transcription de l'abréviation est donnée, ce qui permet de comprendre l'abréviation pour les personnes qui ne la connaissent pas. De plus, les moteurs de recherche indexent la version en texte intégral de l'abréviation, qui peut être utilisée pour augmenter le classement du document.

Les navigateurs ne surlignent pas le texte à l'intérieur , à l'exception d'Opera avant la version 15, qui ajoute un soulignement en pointillé au texte.

Syntaxe

Les attributs

Balise de fermeture

Obligatoire.

HTML5 IE Cr Op Sa Fx

Image de synthèse désigne le protocole par lequel tout programme externe interagit avec le serveur Web. En utilisant CGI sur le serveur, vous pouvez exécuter des programmes dans n'importe quel langage de programmation et afficher le résultat de leur action sous forme de page Web.

Le résultat de cet exemple est montré sur la Fig. un.

Riz. 1. Type d'info-bulle lors du passage de la souris sur le texte de l'abréviation

Navigateurs

Internet Explorer jusqu'à la version 6 incluse ne prend pas en charge la balise , à la place, il est recommandé d'utiliser la balise .

le Élément d'abréviation HTML( ) représente une abréviation ou un acronyme ; l'attribut facultatif de titre peut fournir une extension ou une description de l'abréviation. S'il est présent, le titre doit contenir cette description complète et rien d'autre.

La source de cet exemple interactif est stockée dans un référentiel GitHub. Si vous souhaitez contribuer au projet d'exemples interactifs, veuillez cloner https://github.com/mdn/interactive-examples et envoyez-nous une pull request.

Problèmes d'accessibilité

Épeler l'acronyme ou l'abréviation en entier la première fois qu'il est utilisé sur une page est bénéfique pour aider les gens à le comprendre, surtout si le contenu est un jargon technique ou industriel.

Exemple

Notation d'objet JavaScript( JSON) est un format d'échange de données léger.

Ceci est particulièrement utile pour les personnes qui ne connaissent pas la terminologie ou les concepts abordés dans le contenu, les personnes qui découvrent la langue et les personnes ayant des problèmes cognitifs.

Caractéristiques

Compatibilité du navigateur

Le tableau de compatibilité de cette page est généré à partir de données structurées. Si vous souhaitez contribuer aux données, veuillez consulter https://github.com/mdn/browser-compat-data et envoyez-nous une demande d'extraction.

Mettre à jour les données de compatibilité sur GitHub

Légende

voir également

• Autres éléments véhiculant une sémantique au niveau du texte : element (ou élément d'ancrage), avec son attribut href, crée un lien hypertexte vers des pages Web, des fichiers, des adresses e-mail, des emplacements sur la même page ou tout autre élément auquel une URL peut accéder."> , !} , ) indique que son contenu a une forte importance, gravité ou urgence. Les navigateurs affichent généralement le contenu en gras."> , l'élément représente les commentaires annexes et les petits caractères, comme le droit d'auteur et le texte légal, indépendamment de sa présentation stylisée. Par défaut, il restitue le texte qu'il contient d'une taille de police plus petite, par exemple de petit à x-petit."> , ) est utilisé pour décrire une référence à une œuvre créative citée et doit inclure le titre de cette œuvre."> , l'élément indique que le texte inclus est une courte citation en ligne. La plupart des navigateurs modernes implémentent cela en entourant le texte de guillemets. "> , ) est utilisé pour indiquer le terme défini dans le contexte d'une expression ou d'une phrase de définition."> , l'élément représente une période spécifique dans le temps."> , l'élément affiche son contenu dans un style destiné à indiquer que le texte est un court fragment de code informatique."> , ) représente le nom d'une variable dans une expression mathématique ou un contexte de programmation."> , ) est utilisé pour encadrer un texte en ligne qui représente un exemple de sortie (ou une citation) d'un programme informatique."> , ) représente une étendue de texte en ligne indiquant la saisie textuelle de l'utilisateur à partir d'un clavier, d'une saisie vocale ou de tout autre périphérique de saisie de texte."> , ) spécifie le texte en ligne qui doit être affiché en indice uniquement pour des raisons typographiques."> , ) spécifie le texte en ligne qui doit être affiché en exposant uniquement pour des raisons typographiques."> , ) est utilisé pour attirer l'attention du lecteur sur le contenu de l'élément qui n'a pas autrement une importance particulière.> , l'élément représente une plage de texte qui est décalée du texte normal pour une raison quelconque. Certains exemples incluent des termes techniques, des phrases en langue étrangère ou des pensées de personnages fictifs. Il est généralement affiché en italique."> , ) représente le texte qui est marqué ou mis en surbrillance à des fins de référence ou de notation, en raison de la pertinence ou de l'importance du passage marqué dans le contexte ci-joint.> , l'élément représente une annotation ruby. Les annotations Ruby servent à montrer la prononciation des caractères d'Asie de l'Est."> , ) est utilisé pour fournir des parenthèses de secours aux navigateurs qui ne prennent pas en charge l'affichage des annotations ruby ​​à l'aide de l'élément élément."> L'élément , ) spécifie le composant de texte ruby ​​d'une annotation ruby, qui est utilisé pour fournir des informations de prononciation, de traduction ou de translittération pour la typographie d'Asie de l'Est. le élément doit toujours être contenu dans un élément."> , ) remplace la directionnalité actuelle du texte, de sorte que le texte à l'intérieur est rendu dans une direction différente."> , .
• L'obsolète element, whose responsibilities were folded into !}