Balise abbr HTML-tutoriel HTML-php.cn

Balise abbr HTML

王林

Libérer： 2024-09-04 16:26:50

original

990 Les gens l'ont consulté

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>

Copier après la connexion

Si nous essayons de survoler cela, le titre que nous avons donné s'affichera de la même manière que l'info-bulle.

Exemple #3

Ici, nous avons utilisé le style de police de l'élément de style CSS en italique sur le style étiquette.

abbr tag in HTML

while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used

Exemple n°4

abbr tag in HTML

while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used

Ici, nous avons rendu notre acronyme en gras et rouge en utilisant les éléments de style CSS.

Exemple #5

abbr tag in HTML

while writing an email, generally <abbr title = "Please Find Attached" > PFA </abbr> is used

Dans chacun des exemples ci-dessus, essayez de survoler l'acronyme que nous avons utilisé, c'est-à-dire PFA, et voyez comment le navigateur affichera le titre que nous lui avons attribué.

Points importants à retenir

Conclusion

Nous avons donc vu le balise, introduite dans HTML 5. Cette balise permettait de définir les abréviations ou les acronymes et d'afficher leurs titres ou informations détaillées en une seule fois. Nous avons vu plusieurs exemples de attribut. Aucun attribut spécial de ce type n'est disponible avec cette balise.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!