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
- WBOYoriginal
- 2016-05-16 16:43:251439parcourir
À 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>
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.
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. Déclaration：
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