La sémantique est l'étude de la signification des mots et des expressions du langage. Élément sémantique = élément qui a du sens. L'élément sémantique décrit clairement ce que cela signifie pour les navigateurs et les développeurs. Exemples d'éléments non sémantiques ：<div>和<span>- on ne sait rien de leur contenu. Exemples d'éléments sémantiques : <form>, <table> et <article> - définissent clairement leur contenu. Tous les navigateurs modernes prennent en charge les éléments sémantiques HTML5.
De nombreux sites Web contiennent du code HTML tel que ：<div id =nav> <div class =header> <div id =footer> pour indiquer la navigation, les en-têtes et pieds de page. HTML5 fournit de nouveaux éléments sémantiques pour définir différentes parties d'une page Web :
<article><aside><détails><figcaption><figure><pied de page><en-tête><main><mark><nav><section><résumé><heure>Élément HTML5 <section>
L'élément <section> définit une section d'un document. Selon la documentation HTML5 du W3C : Une section est un regroupement thématique de contenu, généralement accompagné d'un titre. Les pages d'accueil peuvent généralement être divisées en plusieurs sections pour l'introduction, le contenu et les informations de contact.
<!DOCTYPE html> <html> <body> <section> <h1>Java</h1> <p>Java est un langage de programmation informatique largement utilisé avec des fonctionnalités de programmation multiplateformes, orientées objet et génériques appliquées aux entreprises. Développement d'applications Web de niveau supérieur et développement d'applications mobiles. </p> </section> <section> <h1>PHP</h1> <p>PHP (nom complet : PHP : Hypertext Preprocessor, à savoir PHP : Hypertext Preprocessor) est un langage de script informatique open source à usage général. adapté au développement Web et peut être intégré au HTML. </p> </section> </body> </html>Élément HTML5 <article>
L'élément <article> spécifie le contenu inclus indépendant. Un article doit avoir un sens en soi et doit être lisible indépendamment du reste du site Web. Exemples d'utilisation de l'élément <article> :
<!DOCTYPE html> <html> <body> <article> <h1>Java</h1> <p>Java est un langage de programmation informatique largement utilisé avec des fonctionnalités de programmation multiplateformes, orientées objet et génériques appliquées aux entreprises. Développement d'applications Web de niveau supérieur et développement d'applications mobiles. </p> </article> </body> </html>Élément HTML5 <header>
L'élément <header> spécifie un en-tête de fichier ou de section. L'élément <header> doit être utilisé comme conteneur pour le contenu d'introduction. Vous pouvez inclure plusieurs éléments dans un <header>. L'exemple suivant définit le titre de l'article :
<!DOCTYPE html> <html> <body> <article> <header> <h1>Java</h1> <p>Qu'est-ce que Java :</p> </header> <p>Java est un ordinateur largement utilisé langage de programmation avec des fonctionnalités de programmation multiplateformes, orientées objet et génériques, et est largement utilisé dans le développement d'applications Web et d'applications mobiles au niveau de l'entreprise. </p> </article> </body> </html>Élément HTML5 <footer>
L'élément <footer> spécifie un fichier ou un pied de page partiel. L'élément <footer> doit contenir des informations sur son unité conteneur. Le pied de page contient généralement l'auteur du document, des informations sur les droits d'auteur, un lien vers les conditions d'utilisation, des informations de contact, etc. Vous pouvez avoir plusieurs éléments dans un <footer>.
<!DOCTYPE html> <html> <body> <footer> <p>Copyright</p> <p>Coordonnées : <a href=mailto:[email protected]> quelqu'[email protected]</a> . </p> </footer> </body> </html>Élément HTML5 <nav>
L'élément <nav> définit un ensemble de liens de navigation.
<!DOCTYPE html> <html> <body> <nav> <a href=#>Java</a> | <a href=#>CSS</a> <a href=#>HTML</a> | <a href=#>jQuery</a> </nav> </body> </html>Élément HTML5 <aside>
L'élément <aside> définit certains contenus à partir du contenu sur lequel il est placé (comme une barre latérale). Le contenu <aside> doit être le contenu environnant.
<!DOCTYPE html> <html> <body> <p>Java est un langage de programmation informatique largement utilisé avec des fonctionnalités de programmation multiplateformes, orientées objet et génériques. Il est largement utilisé dans le développement d'applications Web et d'applications mobiles au niveau de l'entreprise. développement. . </p> <aside> <h4>PHP</h4> <p>PHP est le meilleur langage au monde. </p> </aside> </body> </html>Résumer
Ce qui précède concerne les éléments sémantiques HTML5 introduits par l'éditeur. Les avez-vous vraiment utilisés correctement ? J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et l'éditeur vous répondra à temps. Je tiens également à remercier tout le monde pour votre soutien au site d'arts martiaux VeVb !
Si vous pensez que cet article vous est utile, n'hésitez pas à le réimprimer, veuillez indiquer la source, merci !