Résumé de quelques suggestions de style d'écriture de code HTML
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 pageOmettre 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>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">
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 ?
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 !
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Bordure de tableau en HTML
Sep 04, 2024 pm 04:49 PM
Guide de la bordure de tableau en HTML. Nous discutons ici de plusieurs façons de définir une bordure de tableau avec des exemples de bordure de tableau en HTML.
Marge gauche HTML
Sep 04, 2024 pm 04:48 PM
Guide de la marge HTML gauche. Nous discutons ici d'un bref aperçu de la marge gauche HTML et de ses exemples ainsi que de son implémentation de code.
Tableau imbriqué en HTML
Sep 04, 2024 pm 04:49 PM
Ceci est un guide des tableaux imbriqués en HTML. Nous discutons ici de la façon de créer un tableau dans le tableau ainsi que des exemples respectifs.
Disposition du tableau HTML
Sep 04, 2024 pm 04:54 PM
Guide de mise en page des tableaux HTML. Nous discutons ici des valeurs de la mise en page des tableaux HTML ainsi que des exemples et des résultats en détail.
Espace réservé d'entrée HTML
Sep 04, 2024 pm 04:54 PM
Guide de l'espace réservé de saisie HTML. Nous discutons ici des exemples d'espace réservé d'entrée HTML ainsi que des codes et des sorties.
Liste ordonnée HTML
Sep 04, 2024 pm 04:43 PM
Guide de la liste ordonnée HTML. Ici, nous discutons également de l'introduction de la liste et des types HTML ordonnés ainsi que de leur exemple respectivement.
Déplacer du texte en HTML
Sep 04, 2024 pm 04:45 PM
Guide pour déplacer du texte en HTML. Nous discutons ici d'une introduction, du fonctionnement des balises de sélection avec la syntaxe et des exemples à implémenter.
Bouton HTML onclick
Sep 04, 2024 pm 04:49 PM
Guide du bouton HTML onclick. Nous discutons ici de leur introduction, de leur fonctionnement, des exemples et de l'événement onclick dans divers événements respectivement.
