HTML 5 possède des fonctionnalités intéressantes qui simplifient la conception de pages Web HTML en utilisant une écriture minimale de code. Il fournit un riche ensemble de balises intéressantes pour concevoir des éléments Web. Une de ces balises est utile, connue sous le nom de étiqueter. Cet La balise permet de définir et d'afficher une abréviation en une seule fois. La balise HTML abbr nous permettra de définir la forme complète des abréviations ou des acronymes, et le navigateur affichera la version abrégée des lettres normalement sur une page Web, mais en survolant ces abréviations, le navigateur affichera la forme complète de cet acronyme automatiquement.
Syntaxe de la balise abbr HTML
Le est généralement utilisée avec la balise attribut. Comme la balise title est utilisée pour définir le titre du document, le titre, lorsqu'il est utilisé avec l'attribut <abbr> balise, devient un attribut et a une signification particulière. Le titre contiendra le titre lisible par l’homme ou la forme complète d’un acronyme. Le <abbr> La balise affiche le formulaire complet lors du survol vers l'utilisateur et simplifie la définition de la description. Ces informations sont beaucoup plus utiles aux navigateurs, aux moteurs de recherche et aux systèmes d’assistance comme le système de traduction. Vous trouverez ci-dessous la syntaxe de la balise abbr,</p>
<ul>
<li><strong>Tag abrégé normal :</strong></li>
</ul>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><abbr> PFA </abbr></pre><div class="contentsignin">Copier après la connexion</div></div>
<p>Cela affichera uniquement du texte simple sans aucune signification. Supposons que nous souhaitions utiliser la forme complète pour l'abréviation ci-dessus, c'est-à-dire PFA, puis <title> l'attribut est utilisé,</p>
<ul>
<li><strong>Tag abrégé avec balise titre :</strong></li>
</ul>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><abbr title = "Please Find Attached" > PFA </abbr></pre><div class="contentsignin">Copier après la connexion</div></div>
<p>Ici, nous avons défini le titre d'affichage comme une forme courte, mais en même temps, nous en avons défini la forme complète en utilisant le <abbr> avec l'étiquette <title> étiqueter. Le <abbr> La balise est livrée par paire, il y aura donc toujours une fermeture </abbr> étiquette disponible.</p>
<p><strong>Attributs : </strong>Comme nous l'avons vu dans la syntaxe, la balise title, lorsqu'elle est utilisée avec le <abbr> balise, devient un attribut et lui attribue une fonctionnalité spéciale. Sinon, il n'y a plus de balises spécifiques disponibles à utiliser avec l'attribut <abbr> balise, mais cette balise <abbr> prend en charge les attributs globaux et les attributs d'événement disponibles par défaut en HTML.</p>
<h3>Exemples d'implémentation de la balise abbr HTML</h3>
<p>Vous trouverez ci-dessous les exemples d'implémentation de la balise HTML abbr :</p>
<h4>Exemple n°1</h4>
<p>Dans cet exemple, nous pouvons voir l'abréviation simple sans balise de titre.</p>
<p><strong>Code :</strong></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title> abbr tag in HTML </title>
<style>
body {
text-align: left ;
}
</style>
</head>
<body>
<abbr > PFA </abbr>
</body>
</html></pre><div class="contentsignin">Copier après la connexion</div></div>
<p><strong>Sortie :</strong> sera un simple texte comme ci-dessous,</p>
<p><img src="https://img.php.cn/upload/article/000/000/000/172543841332785.jpg" alt="Balise abbr HTML" ></p>
<h4>Exemple n°2</h4>
<p>Dans cet exemple, nous pouvons voir l'abbr Avec une balise de titre.</p>
<p><strong>Code :</strong></p>
<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><!DOCTYPE html>
<html>
<head>
<title> abbr tag in HTML
<abbr title = "Please Find Attached" > PFA </abbr>
