Les éléments sémantiques HTML définissent le sens de leur utilisation sur une page Web. Les éléments comme ,,,,, etc., Montrez le but dans leurs mots clés et relève donc de la catégorie des éléments sémantiques. En dehors de ceux-ci, une longue liste d'éléments sémantiques HTML est utilisé pour gérer le contenu sur une page Web.
Contrairement à cela, les éléments non sémantiques ne présentent que le contenu plutôt que de le définir. tels que et les balises. Gardant à la vue l'importance des éléments sémantiques HTML, nous avons compilé ce guide qui présente la liste des éléments sémantiques HTML et leur utilisation.
Éléments sémantiques HTML
Voici plusieurs éléments sémantiques HTML largement utilisés
: Le contenu principal du document HTML est décrit à l'aide de cette balise et est recommandé d'utiliser une seule fois dans l'ensemble du document.
: Cet élément sémantique montre que l'article sera défini à l'aide de cette balise et utilisé pour écrire un article de blog, des articles de presse, etc
: Il ajoute une nouvelle section sur votre page qui peut également contenir divers autres balises.
: Cet élément définit la partie d'en-tête de votre contenu et peut être utilisée pour l'en-tête de section, en-tête d'article.
: Comme son nom le dirige, il est utilisé pour ajouter un pied de page à tout contenu de votre page Web.
: Cet élément est utilisé pour ajouter des détails supplémentaires au contenu et la visionneuse peut masquer / afficher ces détails selon leurs besoins.
: Cet élément définit le contenu décrit dans TAG. Cela crée un titre et en cliquant sur ce titre, la balise du contenu des détails peut être vue.
: Comme le montre son nom, cet élément vous permet d'ajouter une image à votre page Web en utilisant l'élément en ligne .
: Cet élément est pratiqué pour ajouter une légende à n'importe quelle figure et est utilisé à l'intérieur de l'élément.
D'après les informations indiquées ci-dessus, vous auriez acquis la description préliminaire de divers éléments sémantiques HTML. Dans les prochains exemples, nous avons fourni l'utilisation de quelques éléments sémantiques dans plusieurs scénarios.
Exemple 1: Utilisation et
Les et sont des éléments sémantiques HTML interconnectés et le code suivant est utilisé pour représenter leur utilisation.
Éléments sémantiques HTML
Linuxhint
Il fournit du contenu pour les utilisateurs de Linux, les utilisateurs de Windows, les développeurs
Dans la balise ci-dessus, un élément est déclaré dans lequel la balise est intégrée.
Sortir:
L'ensemble du contenu est joint à l'aide d'une balise et la balise est utilisée pour définir une rubrique pour ce contenu.
Exemple 2: Utilisation et
Les lignes de code suivantes présentent l'utilisation et l'élément sémantique.
Éléments sémantiques HTML
Fig1: logo LinuxHint
Le code ci-dessus est décrit comme,
L'élément contient et les balises
est utilisé pour relier le chiffre placé dans notre ordinateur et le SI de la légende de la figure est importé.
Le balise définit le style de bordure et la largeur de l'élément.
Sortir:
Exemple 3: Utilisation et
Le code suivant exerce plusieurs balises dans l'élément.
Éléments sémantiques HTML
Première section
Deuxième section
Le code ci-dessus est décrit comme,
Un article utilisant TAG est défini qui contient deux sections
La bordure de est définie sur solide et le rembourrage de 4px est défini
Chaque section a une bordure en pointillés et une marge de 2px.
Note: Les styles de bordure, la marge, le rembourrage sont utilisés juste pour différencier l'espace actif de chaque élément.
Sortir:
La zone à l'intérieur de la bordure solide est contenue par tandis que les bordures en pointillés montrent l'espace occupé par chaque élément.
Exemple 4: Utilisation et
Les et sont généralement utilisés pour définir l'en-tête et le pied de page d'une page ou d'un élément peut les contenir également. Le code suivant décrit comment l'en-tête et le pied de page sont déclarés:
Éléments sémantiques HTML
Entête
Ce code représente l'utilisation de l'en-tête et du pied de page
Bas de page
Le code est décrit comme suit,
Un en-tête et un pied de page sont définis à l'aide et à la balise
Un paragraphe est déclaré entre l'en-tête et le pied de page
Couleur d'arrière-plan et style bordure de l'en-tête et du pied de page est défini dans l'étiquette
Sortir:
D'après les exemples indiqués ci-dessus, vous auriez compris la fonctionnalité de divers éléments sémantiques.
Conclusion
Les éléments sémantiques HTML que leur moi contient contiennent le but de leur utilisation, comme ,