Existe-t-il des guides de style pour HTML?

Question

J'ai trouvé que mon HTML est, pour être honnête, très maladroit. Les petites pages simples sont OK. Mais il y a un moment où entre l'indentation et le type de tags que j'ai, il est impossible de garder des lignes courtes. Existe-t-il un guide de formatage W3C (ou autrement "officiel" ou bien accepté) pour un code HTML propre et maintenable? Si non, quelles suggestions la communauté peut-elle fournir?

Answer 1

Mon conseil est de ne même pas s'inquiéter à ce sujet. HTML et XML, contrairement à la plupart des langages, sont presque triviaux à redéfinir à tout style que le programmeur veut. En HTML, j'utilise des onglets de largeur 2, et j'ai régulièrement des sections qui sortent du bord de la fenêtre de l'éditeur. Il n'y a vraiment aucun moyen d'éviter cela à moins de ne pas mettre en retrait les sections du document.

Answer 2

Je viens de mettre en retrait correctement et ne vous inquiétez pas de la longueur de ligne.

Si vous utilisez un système de modèle, vous n'avez aucun contenu dans la vue, les lignes ne comporteront donc que des variables et des balises.

Essentiellement, gardez le plus possible de HTML, et c'est moins un problème.

Answer 3

Je place généralement chaque élément de type "bloc" sur une nouvelle ligne, et indent à chaque fois avec lui. Même lorsqu'il y a une petite quantité de code, cela aide à savoir où les éléments changent. Les articles que je garde sur la même ligne sont en gras et en italique les balises et la balise occasionnelle div et span quand je suis mise en forme d'un petit morceau de code, de sorte que vous verriez quelque chose comme:

<p> 
    This is my <b>fancy</b> code block of text here. This will 
    typically wrap forever and <div class="SarcasticStyle">EVER</div> until 
    I run out of things to say. 
    <br/> 
    Yeah, I think that's it. 
</p> 

Answer 4

je faisais être très strict sur les espaces dans mon HTML (2 espaces pour chaque niveau d'indentation, pas de tabulations, sections de groupe avec un espace entre les deux, etc.). Cependant, après avoir intégré davantage de programmation côté serveur, j'ai trouvé qu'il était de plus en plus difficile de garder le formatage correct. Dreamweaver est connu pour cela; Je n'arrive pas à faire en sorte que l'application utilise des caractères de tabulation, ce qui finit par rendre la source différente dans d'autres éditeurs de texte.

J'ai cessé de m'inquiéter et j'essaie simplement d'améliorer les bits de balisage sur lesquels je travaille actuellement. Indenter semble beaucoup plus important dans les langages de programmation que le HTML.

Answer 5

Je ne suis pas d'accord avec la réponse que vous avez choisie. devrait se soucier de ce à quoi ressemble votre html. Avec toute l'idée de fantaisie là-bas, il semble que les développeurs ne sont pas aussi prudents sur html qu'ils devraient l'être. le html résultant qui est sorti au navigateur a un impact significatif sur l'accessibilité et l'optimisation des moteurs de recherche pour votre site Web. combien de personnes construisent des sites web là-bas savent même ce que fait un tag <label>? il lie une étiquette à un élément de formulaire qui est extrêmement important pour les personnes malvoyantes qui "regardent" le web via un lecteur d'écran. Si votre code HTML est imbriqué si profondément que vous avez plus d'une dizaine de niveaux d'indentation, vous devez vraiment réfléchir à la refonte de votre conception, comme vous le feriez si votre code de programme le devenait. Pour revenir à la vraie question, il est facile de rendre votre code HTML agréable si vous vous souvenez d'une règle; sortir les étiquettes en plusieurs lignes. prendre une balise <a> par exemple. alors il est vrai que vous ne pouvez pas faire grand-chose sur l'url lui-même, en dehors de l'utilisation d'un service de raccourcissement comme bit.ly, briser l'étiquette en plusieurs lignes comme ceci:

<a href="http://rads.stackoverflow.com/amzn/click/1430209879"More Joel on Software: Further Thoughts on Diverse and 
      Occasionally Related Matters That Will Prove of Interest to 
      Software Developers, Designers, and ... Luck, Work with Them 
      in Some Capacity (Pro) (Paperback)">Another Joel on Software book</a> 

vous pouvez également se pencher sur les méthodes qui feront formatage html automatiquement.des applications autonomes comme tidy ui et htmltrim peuvent le faire, ou vous pouvez obtenir la bibliothèque htmltidy qui peut être intégrée à votre application.