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
- Tag abrégé normal?:
<abbr> PFA </abbr>
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
- Tag abrégé avec balise titre?:
<abbr title = "Please Find Attached" > PFA </abbr>
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 avec l'étiquette
Attributs?:?Comme nous l'avons vu dans la syntaxe, la balise title, lorsqu'elle est utilisée avec le 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 balise, mais cette balise prend en charge les attributs globaux et les attributs d'événement disponibles par défaut en HTML.
Exemples d'implémentation de la balise abbr HTML
Vous trouverez ci-dessous les exemples d'implémentation de la balise HTML abbr?:
Exemple n°1
Dans cet exemple, nous pouvons voir l'abréviation simple sans balise de titre.
Code?:
<!DOCTYPE html> <html> <head> <title> abbr tag in HTML </title> <style> body { text-align: left ; } </style> </head> <body> <abbr > PFA </abbr> </body> </html>
Sortie?:?sera un simple texte comme ci-dessous,
Exemple n°2
Dans cet exemple, nous pouvons voir l'abbr Avec une balise de titre.
Code?:
abbr tag in HTML <abbr title = "Please Find Attached" > PFA </abbr>
Sortie?:?sera un acronyme souligné en pointillés.
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?:
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?:
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?:
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!

Outils d'IA chauds

Undress AI Tool
Images de déshabillage gratuites

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

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

Clothoff.io
Dissolvant de vêtements AI

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?!

Article chaud

Outils chauds

Bloc-notes++7.3.1
éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

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

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.

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

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.

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

SémantichtmlimprovesbothseoandaccessibilityByusing a été ultime

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.

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

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