Traduction: comment écrire un beau code HTML

Quel beau code HTML ressemble à la façon d'écrire un beau code HTML.

Un article écrit par un étranger: quel beau code HTML ressemble à la façon d'écrire de beaux codes HTML très bien. Réimprimez-le et partagez-le avec vous:

PS: Adresse originale: http://css-tricks.com/What-Beautiful-html-code-looks-like/

N'oubliez pas la déclaration à la tête, elle indiquera au navigateur comment rendre votre HTML.

Définissez le titre, le jeu de caractères. Configurez les liens externes CSS et JS (y compris un CSS imprimé).

Donnez un identifiant à corps. La raison pour laquelle l'auteur a mentionné ici est de faciliter la sélection de conteneurs moyens pour plusieurs pages. Par exemple, en définissant différents ID pour le corps dans Page1 et 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 la structure spécifique avant de l'utiliser.

Écrivez le code de menu qui correspond à la sémantique.

<div id=menu>

<ul>

<li> <a href = index.php> home </a> </li>

<li> <a href = about.php> À propos de </a> </li>

<li> <a href = contact.php> Contact </a> </li>

</ul>

</div>

PS: Je pense personnellement qu'il devrait être plus facile d'écrire du code comme ceci:

<ulid = menu>

<li> <a href = index.php> home </a> </li>

<li> <a href = about.php> À propos de </a> </li>

<li> <a href = contact.php> Contact </a> </li>

</ul>

Il y a une div body qui contient tous les contenus. Pratique pour réparer la largeur, les marges, etc. du corps.

É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 à la fin.

Introduisez des pièces communes telles que la navigation et la fin des pages via des appels dynamiques, tels que PHP incluent.

Code d'emploi

Notez la balise de fin

Utilisez des balises de titre telles que <h1> ~ <h6> Le cas échéant, le cas échéant pour diviser les paragraphes.

N'écrivez pas de styles sur les balises, HTML est juste utilisé pour représenter les structures. Laissons la performance à CSS.