Comment comprendre la structure HTML sémantique

Je crois que tout le monde connaît HTML et CSS, connaît la séparation de la structure HTML et des performances CSS, et connaît la sémantique de HTML. Ce sont les mots clés populaires de ces dernières années. Le HTML sémantique n'a été recherché qu'il y a un an ou deux en Chine. Regardez la structure HTML dont on parle dans le groupe maintenant. Questions d'entrevue sur la structure HTML, HTML sémantique représente une grande partie. Alors pourquoi utiliser HTML sémantique? Quels sont les avantages du HTML sémantique?

HTML fournit la structure de contexte et la signification du contenu du document de la page Web; HTML lui-même ne l'exprime pas. Nous voyons que par exemple, <h1> est audacieux, la taille de la police est 2EM, gras; <strong> est audacieux, ne pensez pas que c'est la manifestation de HTML. Ce sont en fait le style CSS par défaut de HTML en action, donc nous devons d'abord savoir que HTML n'a rien à voir avec les performances de la page, ce sont la question de CSS. Le rôle de HTML dans une page est la structure et le sens. En termes de laïque, il s'agit de diviser le contenu. Ce qui est placé ici et ce que nous mettons.

La structure HTML est le squelette d'une page. Une page est comme une maison. La structure HTML est un mur de béton armé en acier. Si une maison n'a pas de mur de béton armé en acier, ce sera un tas de briques et ne peut pas vivre dans des gens ou travailler. CSS est un matériau décoratif, un plancher en rondins, un marbre, une peinture, et est utilisé pour décorer la maison. Il n'est pas nécessaire d'en dire plus sur la puissance du CSS. Si CSS n'a pas de structure HTML, ce sera un tas de planches en bois, peintes ensemble, sans valeur d'utilisation réelle. CSS s'appuie entièrement sur (x) des documents HTML qui le font référence. Si vous souhaitez obtenir pleinement la pleine puissance de CSS, il est très nécessaire de fournir à un HTML avec un contenu propre et structuré. HTML est le terme commun pour publier un hypertexte sur Internet ... HTML utilise des balises pour structurer le texte ( http://www.w3.org/markup/ ).

HTML est une méthode de complétation de la structure du contenu du texte et de la signification (ou de la sémantique). Il nous dira: cette ligne est un titre, et ces lignes forment un paragraphe. Ces textes sont des listes d'éléments, et ces textes sont des hyperliens qui lient un autre fichier sur Internet. Il convient de noter que HTML ne devrait pas nous dire: ces textes sont bleus et ces textes sont rouges. Cette partie du contenu est la colonne la plus droite, et cette ligne est en italique. Ces informations liées aux performances sont le travail de CSS. Lorsque vous faites un développement frontal, n'oubliez pas: HTML nous dit ce qu'est un contenu (ou sa signification), pas à quoi il ressemble. Lorsque nous mentionnons les balises sémantiques, ce que nous appelons HTML doit être complètement séparé des informations de présentation, et les balises en elle doivent tous définir sémantiquement la structure du document.

La structure HTML sémantique est en fait très simple. Tout d'abord, maîtriser la sémantique de chaque balise en HTML. <v> est un conteneur; <strong> est un accent; <ul> <li> est une liste non ordonnée, etc. Lorsque vous voyez le contenu, pensez à ce que les balises peuvent mieux la décrire et utiliser les balises.

Nous savons que les tags nouvellement ajoutés de HTML5, tels que <Sider> et <footer>, HTML se développe vers une structure HTML sémantique plus robuste. XHTML2 n'est pas aussi avancé que HTML5 à cet égard, ce qui est également une raison de la mort de XHTML2. Cela montre également que la structure HTML sémantique est la tendance de développement du HTML.

HTML lui-même ne s'exprime pas. Nous voyons que par exemple, <h1> est audacieux, avec une taille de police de 2EM, audacieux; <strong> est audacieux, ne pensez pas que c'est la manifestation de HTML. Ce sont en fait les styles CSS par défaut de HTML en action, donc la suppression ou la perte de styles peut faire de la page une structure claire n'est pas l'avantage de la structure HTML sémantique, mais les navigateurs ont des styles par défaut. Le but du style par défaut est également de mieux exprimer la sémantique de HTML. On peut dire que le style par défaut du navigateur et la structure HTML sémantique sont inséparables.

Par exemple, si vous utilisez des marqueurs sémantiques, le lecteur d'écran épelera vos mots un par un, au lieu d'essayer de les prononcer en totalité.

L'utilisation du balisage sémantique garantit que ces appareils rendent les pages Web de manière significative. Idéalement, la tâche de regarder un appareil est de rendre les pages Web conformes aux conditions de l'appareil lui-même.

Le marquage sémantique fournit à l'appareil les informations pertinentes dont elle a besoin, en vous éliminant pour considérer toutes les situations d'affichage possibles (y compris les appareils existants ou nouveaux à l'avenir). Par exemple, un téléphone peut choisir de faire un paragraphe de texte marqué d'un titre en gras. L'ordinateur portable peut l'afficher dans une police plus grande. Quoi qu'il en soit, une fois que vous marquez le texte en tant que titre, vous pouvez être sûr que le lecteur affiche la page de manière appropriée en fonction de ses propres conditions.

Dans le passé, vous n'avez peut-être pas considéré que les robots de recherche de moteurs sont également des visiteurs des sites Web, mais maintenant ce sont en fait des utilisateurs extrêmement précieux. Sans eux, les moteurs de recherche ne pourront pas indexer votre site Web, puis l'utilisateur moyen sera très difficile à venir pour visiter.

Par conséquent, si le titre du fichier de page est marqué au lieu de, la page peut être dans la position inférieure des résultats de recherche. En plus d'améliorer la facilité d'utilisation, le marquage sémantique est propice à l'utilisation correcte de CSS et JavaScript, car il fournit lui-même de nombreux crochets pour appliquer le style et le comportement de la page.

Le SEO dépend principalement du contenu et des liens externes de votre site Web.

W3C établit une bonne norme pour nous. Tout le monde dans l'équipe suit cette norme, ce qui peut réduire de nombreuses choses différenciées, faciliter le développement et la maintenance, améliorer l'efficacité du développement et même réaliser le développement modulaire .

Si vous avez des opinions différentes, veuillez les ajouter. Veuillez laisser un message à discuter.

Merci à Gui Ge, au thé du lait, à Xiaozhi, à voler du riz, du groupe forestier Caspar et CSS pour discussion