Introduction de l'article de wulin.com (www.vevb.com): Une page Web est comme une maison, la structure HTML est les murs un par un et les balises sont des briques. Les briques doivent être placées de manière ordonnée et soignée afin que les murs soient fermes. Enfin, le CSS est le matériau décoratif, et cela dépend d'elle, qu'elle soit belle ou non. Par conséquent, nous devons avoir une excellente page Web, qui non seulement fournit une structure propre et claire HTML, mais également inséparable de l'embellissement ultime du CSS.
Il y a quelque temps, lors de la navigation en ligne, j'ai constaté que les questions de recrutement de développement frontal de plusieurs sociétés de géants de l'Internet nationaux mentionnaient toujours un problème de sémantique de label. Ce sujet est déjà un cliché, mais il y a encore de nombreux problèmes. Cela se résume à une habitude. Je suis trop paresseux quand j'ai le temps, donc j'écris juste du code sans y envisager. Je sais que j'avais tort! Chaussures pour enfants, nous devons faire de la sémantique d'étiquette une habitude! Aujourd'hui, je vais populariser la sémantique des étiquettes et m'encourager à ne pas être confus toute la journée!
Dans la conception Web, nous entendons souvent le terme sémanisation de tag. Le design pensant à la sémanisation de tag html est en fait d'utiliser la balise la plus appropriée et la plus appropriée pour un certain contenu. De cette façon, peu importe de qui il est, vous pouvez comprendre ce qu'est ce contenu.
Une page Web est comme une maison. La structure HTML est des murs un par un, et les étiquettes sont des briques. Les briques doivent être placées de manière ordonnée et soignée afin que les murs soient fermes. Enfin, le CSS est le matériau décoratif, et cela dépend d'elle, qu'elle soit belle ou non. Par conséquent, nous devons avoir une excellente page Web, qui non seulement fournit une structure propre et claire HTML, mais également inséparable de l'embellissement ultime du CSS.
Ce qui précède montre également que la sémantique TAG est extrêmement importante. Chaque balise de HTML a sa propre sémantique et sa propre portée d'application. Mais il est souvent ignoré ou maltraité par nous. Par exemple: dans une page, il y en a des dizaines, voire des centaines. Il s'agit d'une balise dénuée de sens, qui ne représente qu'une couche, qui est très défavorable pour la maintenance ultérieure; Bien que la balise <Table> soit une balise de données, et lorsqu'il est temps de l'utiliser, nous devons l'utiliser avec audace.
Avantages de la sémantique TAGIl y a d'innombrables raisons à utiliser la sémantique TAG:
Résumé de la sémantique HTML TAGAfin d'utiliser la sémantique TAG plus rapidement et meilleure, le formulaire suivant répertorie toutes les balises HTML et des descriptions de balises. La liste suivante est organisée par ordre alphabétique, où nouveau: est la nouvelle balise dans HTML5.
Description des étiquettes
<! -… -> Définir les commentaires.
<! Doctype> définit le type de document.
<a> Définissez l'hyperlien.
<BBR> Définissez l'abréviation.
<Consronyme> non pris en charge dans HTML 5. Définissez l'acronyme.
<adress> définit l'élément d'adresse.
<Applet> n'est pas pris en charge dans HTML 5. Définissez l'applet.
<Area> Définit la zone de la carte de l'image.
<Bection> Définir l'article.
<é côté définit le contenu en dehors du contenu de la page.
<Audio> définit le contenu sonore.
<b> Définissez le texte en gras.
<base> définit l'URL de base pour tous les liens de la page.
<basefont> non pris en charge dans HTML 5. Veuillez utiliser CSS à la place.
<bdi> Définissez l'orientation du texte du texte afin qu'il soit réglé à partir de la direction du texte environnant.
<BDO> Définissez la direction de l'affichage du texte.
<Big> non pris en charge dans HTML 5. Définissez un grand texte.
<lockquote> Définissez de longues références.
<body> définit l'élément corporel.
<br> Insérer des ruptures de ligne.
<fruit> Définit le bouton.
<Alevas> définit le graphique.
<Dens> définit le titre de table.
<Faignage> HTML 5 n'est pas pris en charge. Définit le texte centré.
<CITE> définit une référence.
<code> définit le texte du code informatique.
<Col> Définit les propriétés d'une colonne de table.
<Colgroup> définit le regroupement des colonnes de table.
<rolmand> définit le bouton de commande.
<DaTalist> définit la liste déroulante.
<dd> Définissez la description de la définition.
<Del> Définit la suppression du texte.
<Dethets> Définit les détails de l'élément.
La définition <DFN> définit le projet.
<dir> non pris en charge dans HTML 5. Définissez une liste de répertoires.
<div> définit une partie du document.
<dl> Liste de définition de définition.
<dt> définit l'élément défini.
<em> La définition met l'accent sur le texte.
<Embed> Définissez le contenu interactif externe ou le plug-in.
<Fieldset> Définit le champ.
<FigCaption> Définit le titre de l'élément de figure.
<Figure> définit le regroupement du contenu médiatique, ainsi que leurs titres.
<font> non pris en charge dans HTML 5.
<fate de pied> définit le pied de page de la section ou de la page.
<form> définit le formulaire.
<Frame> HTML 5 n'est pas pris en charge. Définit un sous-vent (cadre).
<FrameSet> n'est pas pris en charge dans HTML 5. Définit l'ensemble des cadres.
<h1> à <h6> Définissez le titre 1 au titre 6.
<A-Head> définit des informations sur le document.
<A-tête> définit l'en-tête de la section ou de la page.
<hgroup> définit des informations sur les sections du document.
<hr> Définissez la ligne horizontale.
<html> Définissez le document HTML.
<i> Définir le texte italique.
<frame> définit la fenêtre enfant (trame) dans la ligne.
<Mg> Définissez l'image.
<fort> définit le champ de saisie.
<ins> définit le texte d'insertion.
<Keygen> définit la clé générée.
<isIndex> n'est pas pris en charge dans HTML 5. Définit le champ de saisie pour une seule ligne.
<KBD> définit le texte du clavier.
<étiquet> Définit l'étiquette du contrôle de forme.
<Legend> définit le titre dans le champ.
<li> Définissez l'élément de la liste.
<ink> définit la référence des ressources.
<map> Définissez la carte de l'image.
<Mark> définit le texte marqué.
<Uninu> Définissez la liste des menues.
<Meta> définit les méta-informations.
<Meter> définit la métrique dans la plage prédéfinie.
<Nav> Définir les liens de navigation.
<oframes> n'est pas pris en charge dans HTML 5. Définissez la partie noframe.
<noscript> définit la partie noscript.
<objet> définit l'objet intégré.
<Le> définit une liste ordonnée.
<OptGroup> définit le groupe d'options.
<Option> Définit les options de la liste déroulante.
<Output> Définit certains types de sortie.
<p> Définissez les paragraphes.
<Aram> définit les paramètres de l'objet.
<pre> Définissez le texte préformaté.
<grarst> définit la progression de tout type de tâche.
<q> définit de courtes références.
<RP> Définissez le contenu affiché par l'élément Ruby si le navigateur ne prend pas en charge le navigateur.
<rt> définit l'explication des commentaires Ruby.
<Ruby> définit les commentaires Ruby.
<s> Non pris en charge dans HTML 5. Définit du texte avec Strikethrough.
<Samp> Définissez un exemple de code informatique.
<Script> Définit le script.
<pection> Définit la section.
<lelect> définit une liste facultative.
<small> Rendre les commentaires latéraux comme un petit texte.
<Source> définit la source multimédia.
<Span> définit la section dans le document.
<Trike> n'est pas pris en charge dans HTML 5. Définit du texte avec Strikethrough.
<strong> La définition met l'accent sur le texte.
<style> définit la définition de style.
<bas définit le texte de l'indice.
<Summary> définit le titre de l'élément de détails.
<sup> Définir le texte en exposant.
<ballage> définit la table.
<Tbody> définit le corps de la table.
<TD> définit la cellule de table.
<TextArea> Définissez TextArea.
<Tfoot> définit les notes de bas de page de la table.
<h> définit l'en-tête.
<Adgin> définit l'en-tête.
<mure> Définir la date / l'heure.
<Title> Définit le titre du document.
<tr> définit les lignes de table.
<track> définit la piste de texte utilisée dans le lecteur multimédia.
<TT> non pris en charge dans HTML 5. Définit le texte de la machine à écrire.
<u> non pris en charge dans HTML 5. Définir le texte souligné.
<ul> Définissez une liste non ordonnée.
<var> définit la variable.
<IDICODIY> Définit la vidéo.
<XMP> Non pris en charge dans HTML 5. Définissez le texte préformaté.