国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Table des matières
Syntaxe de la balise abbr HTML
Exemples d'implémentation de la balise abbr HTML
Exemple n°4
Exemple #5
Points importants à retenir
Conclusion

Balise abbr HTML

Sep 04, 2024 pm 04:26 PM
html html5 HTML Tutorial HTML Properties HTML tags

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> <pre class="brush:php;toolbar:false"><abbr> PFA </abbr></pre> <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> <pre class="brush:php;toolbar:false"><abbr title = "Please Find Attached" > PFA </abbr></pre> <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 id="Exemples-d-implémentation-de-la-balise-abbr-HTML">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 id="Exemple-n">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> <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> <p><strong>Sortie?:</strong>?sera un simple texte comme ci-dessous,</p> <p><img src="/static/imghw/default1.png" data-src="https://img.php.cn/upload/article/000/000/000/172543841332785.jpg" class="lazy" alt="Balise abbr HTML" ></p> <h4 id="Exemple-n">Exemple n°2</h4> <p>Dans cet exemple, nous pouvons voir l'abbr Avec une balise de titre.</p> <p><strong>Code?:</strong></p> <pre class="brush:php;toolbar:false"><!DOCTYPE html> <html> <head> <title> abbr tag in HTML <abbr title = "Please Find Attached" > PFA </abbr>

Sortie?:?sera un acronyme souligné en pointillés.

Balise abbr HTML

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.

Code?:




 abbr tag in HTML 



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

Sortie?:

Balise abbr HTML

Exemple n°4

Utilisons quelques éléments de style CSS supplémentaires sur étiquette.

Code?:




 abbr tag in HTML 



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

Sortie?:

Balise abbr HTML

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

Exemple #5

Modifions le même exemple pour ajouter plus de style et de conception.

Code?:




 abbr tag in HTML 



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

Sortie?:

Balise abbr HTML

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

  • Le La balise est prise en charge par presque tous les navigateurs, y compris Google Chrome, Internet Explorer, Safari, Firefox, Opera, etc. La sortie produite par tous les navigateurs peut différer dans certains cas, mais le résultat est le même.
  • Comme aucun attribut spécifique n'est disponible avec l'attribut tag, nous verrons comment styliser l'attribut (en utilisant les attributs globaux disponibles) dans les exemples suivants. Le style par défaut pour afficher cet élément est display: inline, et il peut varier d'un navigateur à l'autre.
  • Le La balise peut être utilisée pour fournir à l'utilisateur le formulaire complet ou lors de la définition d'un contenu spécifique ou peut-être en cas de style du document. Il n'est pas obligatoire de toujours utiliser le symbole étiquette.
  • Le L'attribut est utilisé pour fournir des informations complètes ou la forme complète de l'acronyme spécifié dans le champ étiqueter. Le L'attribut est facultatif et sera utilisé dans la balise de début de l'attribut étiquette.
  • Il y avait un balise avant HTML 5 pour définir les abréviations ou les acronymes, mais elle est obsolète depuis HTML 5 et ne doit pas être utilisée.

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefa?on, veuillez contacter admin@php.cn

Outils d'IA chauds

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Sujets chauds

Tutoriel PHP
1502
276
Pourquoi mon image n'appara?t-elle pas dans HTML? Pourquoi mon image n'appara?t-elle pas dans HTML? Jul 28, 2025 am 02:08 AM

L'image non affichée est généralement causée par un mauvais chemin de fichier, un nom ou une extension de fichier incorrect, des problèmes de syntaxe HTML ou un cache de navigateur. 1. Assurez-vous que le chemin SRC est cohérent avec l'emplacement réel du fichier et utilisez le chemin relatif correct; 2. Vérifiez si le cas de fichier et l'extension correspondent exactement et vérifiez si l'image peut être chargée en entrant directement l'URL; 3. Vérifiez si la syntaxe TAG IMG est correcte, assurez-vous qu'il n'y a pas de caractères redondants et que la valeur d'attribut ALT est appropriée; 4. Essayez de forcer l'actualisation de la page, de nettoyer le cache ou d'utiliser le mode incognito pour éliminer les interférences du cache. Le dépannage dans cet ordre peut résoudre la plupart des problèmes d'affichage d'image HTML.

Pouvez-vous mettre une balise  dans une autre balise ? Pouvez-vous mettre une balise dans une autre balise ? Jul 27, 2025 am 04:15 AM

?oucannotnesttagssisideanothertagbecauseit’sinvalidhtml; browsersautomatiquematethethefirstbeforeOpiningtheenxt, résultant de laparateParagraphs.

Comment créer une liste non ordonnée dans HTML? Comment créer une liste non ordonnée dans HTML? Jul 30, 2025 am 04:50 AM

Pour créer une liste HTML non ordonnée, vous devez utiliser une balise pour définir un conteneur de liste. Chaque élément de liste est enveloppé d'une balise et le navigateur ajoutera automatiquement des balles; 1. Créez une liste avec une balise; 2. Chaque élément de liste est défini avec une balise; 3. Le navigateur génère automatiquement des symboles de points par défaut; 4. Les sublilistes peuvent être mis en ?uvre par le biais de la nidification; 5. Utilisez l'attribut de type de style liste de CSS pour modifier le style de symbole, tel que le disque, le cercle, le carré ou aucun; Utilisez ces balises correctement pour générer une liste standard non ordonnée.

Comment utiliser l'attribut satisfait? Comment utiliser l'attribut satisfait? Jul 28, 2025 am 02:24 AM

THECONTANTITABLEATTRIBUTEMAKESANYHTMLEMéMéRITéBYADDING CONTANTITALLE = "VRUE", permettant à la réception de codomente detteurthebrowser.

L'importance du HTML sémantique pour le référencement et l'accessibilité L'importance du HTML sémantique pour le référencement et l'accessibilité Jul 30, 2025 am 05:05 AM

SémantichtmlimprovesbothseoandaccessibilityByusing a été ultime

Définition des vocabulaires personnalisés en utilisant le balisage HTML5 Schema.org. Définition des vocabulaires personnalisés en utilisant le balisage HTML5 Schema.org. Jul 31, 2025 am 10:50 AM

La balise Schema.org aide les moteurs de recherche à comprendre le format de données structuré du contenu de la page Web via des balises sémantiques (telles que la portée de l'élément, le type d'élément, ItemProp); Il peut être utilisé pour définir le vocabulaire personnalisé, les méthodes incluent l'extension des types existants ou l'utilisation de Type supplémentaire pour introduire de nouveaux types; Dans les applications réelles, en gardant la structure claire, en utilisant d'abord les attributs officiels, tester la validité du code et garantir que les types personnalisés sont accessibles; Les précautions comprennent l'acceptation de soutien partiel, d'éviter les erreurs d'orthographe et de choisir un format approprié tel que JSON-LD.

Comment créer un champ de saisie de recherche dans un formulaire HTML Comment créer un champ de saisie de recherche dans un formulaire HTML Aug 02, 2025 pm 04:44 PM

UsetheelementwithinatagtocreatEasanticsearchField.2. y comprisaForAccesssibility, settheform'sactionandMethod = "get" attributestosenddatatoesearchndpointwithAsharableArl.3.Addname = "Q" todefinetheQueryParameter, usePlaceHolderToguiseUd

Quel est le but de l'attribut REL dans une balise de liaison dans HTML? Quel est le but de l'attribut REL dans une balise de liaison dans HTML? Aug 03, 2025 pm 04:50 PM

rel = "Stylesheet" linkSsssFilesForSTylingThepage; 2.rel = "Preload" HintstopreloadCriticalResourcesForPerformance; 3.rel = "icon" setthewebsite’sfaviCon; 4.rel = "alternate" fournit la réversion desstiètes; 5.rel = & Qu

See all articles