Je pense que tout le monde connaît le HTML et le CSS, connaît la séparation entre la structure HTML et les performances CSS et connaît la sémantique HTML. Ce sont des mots-clés populaires ces dernières années. Le HTML sémantique n'a commencé à être populaire en Chine qu'il y a un an ou deux. En regardant la structure HTML discutée dans le groupe maintenant et les questions d'entretien sur la structure HTML, le HTML sémantique représente une grande partie. Alors pourquoi utiliser le HTML sémantique ? Quels sont les avantages du HTML sémantique ?

HTML fournit la structure contextuelle et la signification du contenu du document Web ; le HTML lui-même n'a aucune représentation. Par exemple, nous voyons que

est en gras, avec une taille de police de 2em, et est en gras, alors ne le faites pas ; Je pense que c'est du HTML Performance, ce sont en fait les styles CSS par défaut du HTML au travail, donc tout d'abord nous devons savoir que HTML n'a rien à voir avec les performances de la page, ce sont des questions CSS. Le rôle du HTML dans la page est la structure et la signification. En termes simples, il s'agit de diviser le contenu.

La structure HTML sémantique doit d'abord mettre l'accent sur la structure HTML

La structure HTML est le squelette de la page. Une page est comme une maison. La structure HTML est composée de murs d'acier et de béton. Si une maison n'a pas de murs d'acier et de béton, ce n'est qu'un tas de briques inutiles. ne peut pas être habité ni utilisé pour le travail. Le CSS est un matériau décoratif. C'est un sol en rondins, du marbre et de la peinture. Il est utilisé pour décorer une maison. Inutile de dire que le CSS n'a pas de structure HTML, ce n'est qu'un tas de bois. planches. Ils sont peints ensemble et n’ont aucune valeur d’usage réelle. CSS s'appuie entièrement sur le document (X)HTML qui le référence. Si vous souhaitez profiter pleinement de la puissance du CSS, il est nécessaire de fournir au HTML un contenu à la fois propre et structuré. "Le HTML est la lingua franca pour la publication d'hypertextes sur Internet... HTML utilise des balises pour structurer le texte. isation » ( http://www.w3.org/MarkUp/ ).

Comment écrire une structure HTML sémantique ?
HTML est une méthode permettant d'ajouter une structure et une signification (ou « sémantique ») au contenu textuel. Il nous dira : « Cette ligne est un titre, ces lignes forment un paragraphe. Ces mots sont une liste d'éléments, et ces mots sont un lien hypertexte vers un autre fichier sur Internet. Il convient de noter que vous ne devez pas autoriser le HTML. nous dit : "Ces textes sont bleus, et ces textes sont rouges. Cette partie du contenu est la colonne la plus à droite, et cette ligne de contenu est en italique." Ces informations liées aux performances sont le travail de CSS. Lorsque vous effectuez du développement front-end, n'oubliez pas : HTML nous indique ce qu'est un élément de contenu (ou sa signification), et non à quoi il ressemble. Lorsque nous parlons de « balisage sémantique », le HTML dont nous parlons doit être complètement séparé des informations de présentation, et les balises qu'il contient doivent définir sémantiquement la structure du document.

La structure sémantique HTML est en fait très simple. Tout d'abord, saisissez la sémantique de chaque balise HTML.

est un conteneur ; est pour l'accentuation ;

• est une liste non ordonnée, etc... voir le contenu Lorsque vous réfléchissez à l'étiquette qui peut le mieux le décrire, utilisez quelle qu'elle soit.

  Quels sont les avantages de la structure HTML sémantique ?

  Nous savons que HTML5 comporte de nouvelles balises, telles que

  et