Liste de descriptions HTML
Sep 04, 2024 pm 04:44 PM
Cet article décrit la liste de description ou la liste de définition et son utilité dans un document HTML. Alors comment définir une liste de description ? En termes simples, nous pouvons dire qu'il s'agit d'une liste de définitions (par exemple, des glossaires pour présenter les informations sur Internet/page Web). Cependant, l'utilisation de la liste Description est moindre mais a un certain objectif. Pendant ce temps, cette liste de définitions donne une valeur ajoutée à la page Web?; par exemple, le texte donné sur la page Web explique le contexte en d'autres termes en aidant à baliser sémantiquement le contexte. En faisant cela, nous pouvons facilement extraire les informations structurées. Une liste de définitions est un terme parfait pour décrire les termes, les valeurs et un autre glossaire.
Syntaxe?:
<dl> <dt> …… </dt> <dd> ……….. </dd> </dl
Il y a trois éléments dans la liste de description, ce sont
- ,
- ,
- .
-
Liste de définition
- Terme de définition – Cet élément a actuellement été utilisé dans la liste de définitions et contient les données en ligne ou la valeur de l'élément dl.
- Description de la définition -Cet élément définit que les données sous cet élément sont prises au niveau du bloc ou en ligne.
Balises de liste de descriptions HTML
Une liste de description est l'un des types de listes?; ils sont considérés comme une forme générique de liste à puces ordonnée. La seule différence est qu'il n'y a pas d'ic?ne de puce.
Remarque?: Toute liste de définitions comprend une séquence de -
Liste de définition
- combinaisons/combinaisons de relations un à plusieurs. Ces balises de description sont prises en charge en HTML4 et améliorées avec de nouveaux termes en HTML5 sous forme de davantage de paires nom-valeur. Il fait un lien d’association entre question et réponses.
Type 1?: terme à définition unique et définition ensemble
Exemple n°1
<!DOCTYPE html> <html> <body> <dl> <dt><b>Web Designing company in Chennai<b></dt> <dd>This service Enhance Website Exposure with professional User Interface </dd> </dl> </body> </html>
Sortie?:
Exemple n°2
<html> <head> <title>Page Title</title> <style> body { background-color: pink; text-align: center; color: blue; font-family: Arial, italic; } </style> </head> <body> <h1>HTML Demo 2</h1> <p>This is Networking Protocol Abbreviation.</p> <dl> <dt>FTP <dd>File Transfer Protocol <dt>TCP/IP <dd>Transmission Control Protocol/IP address <dt>SNMP <dd>Simple Network Management Protocol </dl> </body> </html>Sortie?:
Type 2?: description unique avec plusieurs termes
Exemple n°1
<!DOCTYPE html> <html> <body> <dl> <dt> Ebay</dt> <dt>Etsy</dt> <dt>Walmart</dt> <dd>The Top 10 internet shopping websites in the year 2019</dd> </dl> </body> </html>
Sortie?:
Ensuite, nous utiliserons l'attribut 'lang' dans le fichier
- où les termes utilisent des langues différentes. Ces attributs affichent le code de langue ISO comme valeur à deux lettres.
Exemple n°2
<!DOCTYPE html> <html> <body> <h2>A Description HTML list</h2> <dl lang="es"> <dt>formas</dt> <dt lang="en-us">Shapes</dt> <dt lang="fr">Formes</dt> <dd>A Shape determines the different structure of the objects. </dd> </dl> </body> </html>
Sortie?:
Type 3?: terme unique décrivant plusieurs descriptions
Exemple
<html> <head> <title>DEFINITION LIST</title> </head> <body bgcolor=" brown" text="pink"> <h1><u>DEFINITION LIST DEMO</u></h1> <h3> <dl> <dt lang="es"><u>Compact:</u></dt> <dd>A Compact may refer to make-up case. </dd> <dd>When taken as adjective it refers to smaller part. Example, need a compact sofa to sit.</dd> </dl> <h3> </body> </html>
Sortie?:?
Type 4?: termes multiples et descriptions multiples
Exemple
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.1"> <title>Definition List example</title> </head> <body> <h1>Definition List Demo4</h1> <dl> <dt> Engaged</dt> <dt>Leaves</dt> <dd>Students got engaged during their Lab hours in the college.</dd> <dd>Childrens feels when their father leaves for the work.</dd> </dl> </body> </html>
Sortie?:?
Type 5?: Liste de définitions utilisant l'attribut de style
Ici, l'attribut de style est indiqué pour les couleurs afin de mettre en évidence les termes de description.
Exemple n°1
<html> <head> HTML Definition Lists </head> <body> <h2> list of Popular International Entrance Examination <h2> <dl> <dt style="color:Blue"> TOEFL </dt> <dd> -: Test of English As Foreign Language . This Score is Accepted in the country like Canada,UK,USA</dd> <br> <dt style="color:Magenta"> GRE </dt> <dd> -: The Graduate Record Examination. This Test is allowed to enter in the States like Canada and US foran indian Students in the Science and Technology Fields? </dd> </dl> </body> </html>
Sortie?:
En utilisant l'option balise, il est entendu que le texte voisin est désigné comme étant la définition du terme.
Exemple n°2
<!DOCTYPE html> <html> <head> <title> Demo</title> <dl> <dt lang="en-GB"><dfn> Definition list</dfn></dt> <dt><dfn><b>Apple fruit </b></dfn></dt> <dd>This fruit is quoted as "miracle food" where this gives best nutrients to the body. They are rich in antioxidents</dd> <dd>A small fragment of apple intakes daily cures cancer,heart disease etc.</dd> <dd> Different varieties includes Braeburn,Cameo,Fuji,Gala </dd> </dl> </html>
Sortie?:
Type 6?: Placer la couleur d'arrière-plan pour la liste de description
Les exemples ci-dessous montrent le contenu avec une couleur d'arrière-plan en utilisant l'attribut 'bgcolor'.
Exemple
<html> <head> <title>DEFINITION LIST</title> </head> <body bgcolor="Green" text="pink"> <h1><u>DEFINITION LIST DEMO</u></h1> <h3> <dl> <dt lang="en-GB"><u>PYTHON:</u></dt> <dd>Python is a progranning Language originally developed by Guido van. Its an Open Source and Cross-Platform. Applications include Web development, Data Machine Learning </dd> </dl> <h3> </body> </html> </dl> </html>
Sortie?:
Conclusion –?Liste de descriptions HTML
Nous espérons que cet article sur les listes de définitions ou pourra être dit comme les listes de glossaires ont guidé pour démontrer certaines des utilisations disponibles que les listes de définitions peuvent être utilisées. Nous avons acquis une compréhension fondamentale de la manière dont ceux-ci peuvent être utilisés pour développer une coopération utile entre des extraits d’informations. Par exemple, le glossaire Google indique comment des informations significatives peuvent être balisées et utilisées de plusieurs manières sur une page Web. Ils disposent de fonctionnalités futures grace auxquelles certains sites Web utilisent la sémantique pour présenter la beauté de leurs données et réutiliser les informations fournies de manière simple et flexible.
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)
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 ?
Jul 27, 2025 am 04:15 AM
?oucannotnesttagssisideanothertagbecauseit’sinvalidhtml; browsersautomatiquematethethefirstbeforeOpiningtheenxt, résultant de laparateParagraphs.
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?
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é
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.
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
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?
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
