Il était une fois, un homme a publié un projet de conception. Après avoir publié le projet de conception, il a ouvert un DW et a traîné une page. Après avoir travaillé dur, il a dû écrire un arrière-plan. L'homme des arts martiaux a appelé "l'artiste".
Ce qui suit est un article de tutoriel sur l'expérience et l'analyse de la sémantique HTML5 et de la sémantique HTML5. Le contenu est un tutoriel soigneusement sélectionné et compilé par ce site Web. J'espère que cela sera utile aux internautes. Ce qui suit est le contenu détaillé:
Certains yys avant le débutIl était une fois, un homme a publié un projet de conception. Après avoir publié le projet de conception, il a ouvert un DW et a traîné une page. Après avoir travaillé dur, il a dû écrire un arrière-plan. L'homme des arts martiaux a appelé "l'artiste". Ce qui est encore plus difficile, c'est que lorsque chaque besoin change, vous pouvez modifier beaucoup d'engourdissements.
DIV + CSS a donc été amené au stade de l'ère Internet, et plus d'un livre de tournesol "Div + CSS" est né du jour au lendemain. À cette époque, nous vivions à l'ère de Div + CSS, et à ce moment-là, nous l'avons utilisé.
Après cela, ma taille n'était pas douloureuse, mes jambes n'ont pas été blessées et je suis devenue plus excitée en faisant des heures supplémentaires.
Yy se termine, accédez au sujetGhost a autrefois expliqué la sémantique dans l'article "Sémantiisation dans Page Refactoring" Il y a deux ans, ainsi que les avantages du quai "quels sont les avantages des structures HTML sémantiques?》
La reconstruction a pris 7 ans. Peut-être qu'aujourd'hui, nous pouvons écrire une page habilement, mais à quel point est-il facile d'écrire bien une page? Triez-nous nos idées, passons en revue les bases et combinons-les avec les tendances actuelles, puis parlons du sujet de la sémanisation. Shenma est-elle la sémanisation? Pourquoi semantiser?
La sémantique dans la reconstruction peut essentiellement être divisée en deux parties: (x) sémantique des étiquettes HTML et sémantique de la dénomination CSS.
Pas de bêtises:
(Figure 1)
Figure 1 La méthode de mise en œuvre de la non-sémanisation: NO_EMANTIM_HTML La méthode de mise en œuvre de la sémanisation: EMANTIC_HTML
Tu as raison
Avez-vous un goût spécial? Après avoir obtenu un projet de conception, d'innombrables compétences magiques sont tombées à l'écran par inadvertance? Si c'est no_emantic_html, félicitations d'avoir un fétiche.
Utilisez des balises HTML raisonnables et leurs propriétés uniques pour formater le contenu du document - c'est l'explication de Shuke des balises sémantiques, donc ce n'est pas possible
Il n'est pas nécessaire d'utiliser l'endroit où HTML est structuré, car il s'agit d'une étiquette sémantique. Le mot d'origine est la division, ce qui signifie la séparation et le bloc. Il n'est généralement utilisé qu'à l'endroit où HTML est structuré, dans la version précédente de (x) HTML.
Mais comment pouvons-nous écrire des étiquettes sémantiques? Commencez par les bases. Ceux que nous traitons le plus chaque jour sont des étiquettes telles que div h1-h6 ul-li p. Je me demande si vous avez une compréhension approfondie de ces étiquettes. Jetons un coup d'œil au tableau ci-dessous.
| Étiquette | Mot original | illustrer | Séantiisation (O / N) |
|---|---|---|---|
| H1-H6 | tête | Définir les titres HTML | Y |
| p | paragraphe | Définir les paragraphes | Y |
| ul | Liste non ordonnée | Définir une liste non ordonnée | Y |
| ol | Liste commandée | Définir une liste ordonnée | Y |
| li | lister l'élément | Éléments qui définissent la liste | Y |
| dl | liste de définition | Définition Liste de définition | Y |
| dt | Terme de définition | Définissez les éléments de la liste de définition | Y |
| dd | Description de la définition | Description des éléments dans la liste de définition | Y |
| tableau | tableau | Définir la table | Y |
| thead | chef de table | Définissez le contenu de l'en-tête dans le tableau | Y |
| tbody | corps de table | Définissez le contenu principal du tableau | Y |
| ème | cellule de tête de table | Définissez la cellule d'en-tête dans une table | Y |
| tr | rangée de table | Définir les lignes des tables | Y |
| TD | cellule de données de table | Définissez les unités du tableau | Y |
| un | ancre | Définir l'ancre | Y |
| IMG | image | Définir l'image | Y |
| div | division | Définir les sections dans un document | N |
| portée | portée | Définir les sections dans un document | N |
Ce qui précède répertorie uniquement certaines des balises que nous utilisons couramment. Pour plus de balises, veuillez vous référer à W3C. Fondamentalement, toutes les balises HTML sont des abréviations d'un mot ou d'une phrase, ce qui signifie en fait qu'il est plus pratique pour notre compréhension de la sémantique. En fait, parmi toutes les balises HTML (x), sauf
Et 2 étiquettes sans sémantique, d'autres étiquettes ont leur signification. Ce n'est qu'en sachant quelles étiquettes sont là et en comprenant la signification d'origine de chaque étiquette que vous savez comment l'utiliser. Vous ne savez pas quand l'utiliser
Tout le monde connaît le festival nu annuel CSS, non? Si les balises sélectionnées sont presque toutes sans sémantique, il n'y a presque pas d'informations structurelles dans la page Web après le style et la lisibilité est très médiocre; Si les balises sélectionnées conviennent à la sémantique, la page Web a toujours une très bonne lisibilité après les styles; Chaque navigateur a son propre style par défaut, et le style par défaut donne différents écrans à chaque balise. La correction de l'étiquette peut refléter la convivialité du site Web, qui est également l'un des moyens les plus simples de tester la convivialité d'un site Web. Ceci est recommandé à tout le monde de vérifier l'utilisation des balises de site Web officielles du W3C, utilisez un développeur Web pour désactiver son CSS pour voir comment voir? CSS SEMANTIC NAMING fait référence à la classe ou au nom d'identification attaché à la balise HTML avec un nom facile à comprendre. La dénomination sémantique implique des spécifications de dénomination de l'équipe. Ce n'est que par une meilleure dénomination sémantique basée sur les spécifications de l'équipe est le roi. À ma compréhension, un nom de CSS sémantique devrait au moins se conformer aux conventions suivantes: Essayez d'éviter la dénomination de pinyin et d'utiliser des mots anglais pour le nommer Il existe trois façons de connecter les mots: souligner_, symbole d'espaceur et nommer des chameaux . Veuillez vous référer aux spécifications de l'équipe pour une utilisation spécifique, mais je recommande personnellement de ne pas utiliser plus de 2 méthodes de connexion en même temps. Ne suivez pas des nombres dénués de sens après des mots , tels que le logo1234 (sauf pour l'accord d'équipe) Pour la dénomination de connexion de mots excessivement longs, vous pouvez utiliser l'abréviation, mais il convient de garantir que tous les membres peuvent le comprendre. Certains mots convenus peuvent vous aider à les nommer rapidement: Il y en a trop, donc je ne les listerai pas un par un ici. Si vous rencontrez des mots que vous ne connaissez pas, veuillez y ajouter de l'anglais! Sémantique de la dénomination du CSS
头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column登录条：loginbar标志：logo广告：banner轮转：promo页面主体：main热点：hot新闻：news 下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink版权copyright
[1] [2] Page suivante