Résumé de quelques suggestions de style d'écriture de code HTML-tutoriel HTML-php.cn

Résumé de quelques suggestions de style d'écriture de code HTML

高洛峰

Libérer： 2017-02-21 13:43:06

original

1374 Les gens l'ont consulté

Omettre le protocole des fichiers de ressources

Il est recommandé d'omettre la partie protocole (http:, https:) dans l'URL des images, fichiers multimédias, styles et scripts. Omettez le protocole. Après la section, le fichier de ressources héritera du protocole de l'URL de la page. Non seulement cela peut éviter le problème de contenu mixte, mais cela peut également réduire la taille de la page. Par exemple : référencer un JavaScript. Le fichier peut être écrit de la manière recommandée suivante.

Pourquoi les balises h4, h5 et h6 sont-elles rarement utilisées ?

Les balises de titre incluent h1 à h6. h1, h2, h3, mais utilisent rarement h4, h5 et h6.

Dans un site Web raisonnablement sémantique et qui ose s'afficher nu (sans utiliser CSS pour la mise en page), la balise de titre n'a pas seulement une signification sémantique , mais a également des effets de style. Mais aujourd'hui, lorsque CSS est populaire, l'utilisation de h1 et h6 n'a en fait aucun effet. Quoi qu'il en soit, l'apparence peut être appliquée avec désinvolture. a des fonctions plus puissantes. L'élément titre représente les mots-clés avec un poids élevé sur la page, donc h1, h2 et h3 sont fréquemment utilisés pour pondérer les mots-clés. Les poids de h4, h5 et h6 ne sont même pas aussi bons que forts. et em, ils sont donc rarement utilisés. On estime que leur niveau d'autorité est le suivant :

h1 > est utilisé pour contenir l'unité de titre du tableau, comme th; tandis que tbody contient le contenu du tableau, et tfoot est la description du tableau. En fait, ma compréhension n'est pas tout à fait correcte.

Parce que le navigateur a généralement besoin que le tableau entier soit téléchargé avant de commencer à s'afficher, ce qui affecte la lecture de l'utilisateur à l'ère de la disposition des tableaux. Par conséquent, ces balises sont utilisées pour diviser le tableau en plusieurs parties du tableau, et la partie téléchargée peut. être affiché. De plus, afin d'imprimer de longs tableaux, l'en-tête et le pied de page peuvent apparaître sur chaque page

Omettre les balises facultatives

Utilisées. Les étudiants de Dreamwave devraient avoir l'impression que lorsque vous créez un fichier HTML, le code par défaut est le suivant

Nous mettrons le titre, les références CSS et JavaScript externes dans l'en-tête. zone de la page. Le contenu affiché ci-dessus est placé à l'intérieur du corps, mais en fait, html, head et body sont tous des balises omissables Après avoir supprimé ces balises facultatives, cela semble étrange, mais la page. s'affiche normalement, et la détection du W3C est également possible. Je l'ai déjà fait sur mon blog. Mais il y a une chose à noter. Si vous souhaitez écrire la page en XHTML, veuillez conserver la balise html, car vous en avez toujours besoin. le code suivant comme déclaration

<html>  
 <head>  
 </head>  
    
 <body>  
 </body>  
</html>

Copier après la connexion

b tag et i tag

Beaucoup de gens pensent que b tag et i tag ont le même sort que la balise u, et sont classés comme "obsolètes" par la balise W3C". Mais dans la spécification HTML5, l'utilisation de ces deux balises est toujours recommandée. J'en ai toujours été conscient et j'en ai discuté avec des amis à ce sujet. . Mais je n'ai jamais compris comment les définir en HTML5

<html xmlns="http://www.w3.org/1999/xhtml">

Copier après la connexion

balise hr

hr est une ligne, une ligne horizontale qui divise le contenu que j'ai. J'ai toujours pensé que hr était une chose merdique. Il est inutile de savoir si la ligne tracée peut être traitée avec CSS . En fait, hr est la ligne de séparation sémantique de l'article, divisant complètement le contexte de l'article, ce qui les rend inutiles. >

Sa fonction est comme la ligne de démarcation dans la figure ci-dessous qui apparaît dans de nombreux articles de blog, seulement mais hr est sémantiquement la même, et les robots d'exploration peuvent également la comprendre

<.>Pourquoi sommes-nous habitués à utiliser des balises pour les boutons ?

n'est pas un type d'entrée = "Bouton" est compréhensible, car l'effet de survol n'est pas visible dans les versions inférieures d'IE. Mais pourquoi. une étiquette au lieu de span ? L'étiquette a est transformée en bouton sans href. Est-ce exact ? Je n'y ai pas encore pensé. Eh bien, faire cela avant était comme un réflexe conditionné.

Afterword

Résumé de quelques suggestions de style décriture de code HTML Le guide de style de code HTML/CSS de Google est court et concis. Le manuel d'écriture de code suggéré est très utile, mais ne soyez pas superstitieux. dans celui-ci qui recommande d'utiliser deux espaces comme indentation. Cela peut ne pas être réalisable dans de nombreuses équipes. Notre équipe utilise toujours des tabulations

De nombreuses suggestions HTML dans ce manuel concernent HTML5, mais le style HTML est utilisé ici plutôt que. le style XHTML. Dans de nombreux endroits, l'omission de code affaiblit en fait la lisibilité du code.Pour plus de suggestions de style d'écriture de code HTML et d'articles connexes, veuillez prêter attention à le site PHP chinois !