Maison > interface Web > tutoriel HTML > Traduction : Comment écrire un beau code HTML_Production de pages HTML/Xhtml_Web

Traduction : Comment écrire un beau code HTML_Production de pages HTML/Xhtml_Web

WBOY
Libérer: 2016-05-16 16:43:25
original
1447 Les gens l'ont consulté

À quoi ressemble un beau code HTML Comment écrire un beau code HTML.
Un article écrit par un étranger : À quoi ressemble un beau code HTML Comment écrire un beau code HTML Je le trouve très bien écrit, je le réimprime et le partage avec vous :
ps : Adresse originale : http : // css-tricks.com/what-beautiful-html-code-looks-like/
1.DOCTYPE correctement déclaré
N'oubliez pas la déclaration d'en-tête, elle indiquera au navigateur comment restituer votre HTML.
2. Tidy Head Section
Définissez le titre et le jeu de caractères en externe. Lien CSS et JS (y compris un CSS pour l'impression).
3.Body IDed
Donnez une identification au corps. La raison évoquée par l'auteur ici est de faciliter la sélection de conteneurs pour plusieurs pages. Par exemple, en définissant des ID différents pour le CORPS dans la page1 et la page2, vous pouvez définir deux effets différents via #page1 h2 et #page2 h2. Je pense que cela dépend de la situation et de l'architecture spécifique avant de l'utiliser.
4.Menu sémantiquement propre
Écrivez un code de menu conforme à la sémantique.
<div id="menu"> <code><div id="menu"> <br><ul> <br><li><a href="index.php">Home</a></li> <br><li><a href="about.php">About</a></li> <br><li><a href="contact.php">Contact</a></li> <br> </ul> <br> </div> <br>ps:我个人觉得这样写代码应该更简单一点吧:<br><ulid><br><li><a href="index.php">Home</a></li> <br><li><a href="about.php">About</a></li> <br><li><a href="contact.php">Contact</a></li> <br><br></ulid>
ps : Personnellement, je pense qu'il devrait être plus simple d'écrire du code comme celui-ci :
  • Accueil

  • À propos
  • Contact


  • 5. DIV principale pour tout le contenu de la page
    Il doit y avoir un DIV principal qui contient tout le contenu. Il est pratique de fixer la largeur du corps, les marges, etc.
    6.Contenu important d'abord
    Écrivez d'abord le contenu principal, puis le contenu secondaire. Si votre navigation ou votre barre latérale n'est pas très importante, il est préférable de les écrire en dernier.
    7.Contenu commun INCLUS
    Introduisez des parties communes telles que la navigation et le pied de page via des appels dynamiques, tels que l'inclusion de PHP.

    8.Le code est divisé en sections
    Code en retrait
    9. Balises de fin appropriées
    Faites attention aux balises de fermeture
    10.Hiérarchie des balises d'en-tête

    Utilisez des balises d'en-tête, telles que ~, aux endroits appropriés pour diviser les paragraphes. 11. Contenu, Contenu, ContenuUtilisez les balises et les codes de logo appropriés, utilisez &copie pour indiquer ©, n'utilisez pas 12.Pas de style !N'écrivez pas de styles sur les balises, le HTML n'est utilisé que pour exprimer la structure. Laissons les performances au CSS.
    Étiquettes associées:
    source:php.cn
    Déclaration de ce site Web
    Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
    Recommandations populaires
    Tutoriels populaires
    Plus>
    Derniers téléchargements
    Plus>
    effets Web
    Code source du site Web
    Matériel du site Web
    Modèle frontal