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 sémantique doit d'abord souligner la structure HTMLLa 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/ ).
Comment écrire une structure HTML sémantique?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.
Quels sont les avantages des structures HTML sémantiques?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.
1. Lorsque la page est supprimée ou que le style est perdu, il peut donner à la page une structure claire: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.
2. Les lecteurs d'écran (si le visiteur est handicapé visuellement) lira vos pages Web entièrement en fonction de votre balisage .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é.
3. PDA, le téléphone mobile et d'autres appareils peuvent ne pas être en mesure de rendre des pages Web comme des navigateurs d'ordinateur ordinaires (généralement parce que ces appareils ont une prise en charge faible pour CSS).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.
4. Des robots de recherche de moteurs s'appuient également sur des balises pour déterminer le contexte et les poids des mots clés individuels.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.
5. Si votre page est facile à comprendre pour les robots, car les robots des robots ignoreront largement les marqueurs utilisés pour la représentation et se concentreront uniquement sur les marqueurs sémantiques.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.
6. Développement et maintenance faciles à équipeW3C é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