Analyseur de code HTML

Question

Existe-t-il un outil d'analyse de code HTML qui suggère des astuces pour améliorer le code HTML?

Answer 1

http://validator.w3.org/

L'outil le plus important pour assurer la validité.

• http://net.tutsplus.com/tutorials/html-css-techniques/30-html-best-practices-for-beginners/
• http://developer.yahoo.com/performance/rules.html

articles tels que des conseils sur la rédaction html sémantique, propre et éviter les maladies courantes html comme divitus, classitus, l'optimisation de votre code, et d'autres bonnes pratiques.

• http://htmldog.com/
• http://www.opera.com/company/education/curriculum/

guides tels que ceux qui sont plus en profondeur et couvrent l'accessibilité, le développement en général, css, JS/DOM (depuis DOM est ce qui est utilisé pour HTML).

Et la mère de tous:

• http://www.w3.org/TR/html401/

Bien que ce n'est pas débutant très sympathique et je vous recommande guides comme htmldog à la place, mais ce serait le feu à la source pour la recherche directement depuis la source.

Answer 2

Pour les normes? Celui-ci est bon: http://validator.w3.org/

Ou voulez-vous perf ou lisibilité ou ...?

Answer 3

Sitesifter est décent (bien qu'il identifie les problèmes et les liens à la documentation, il est un outil de correction automatique - mais la plupart des problèmes ne peuvent pas être automatiquement corrigées de toute façon)

Answer 4

La fonction de rapports de Pretty Diff offre des suggestions sur améliorer votre HTML plus un tas de statistiques.

http://prettydiff.com/?m=beautify&html

Answer 5

Je voudrais ajouter à la liste des outils d'analyse de code suivant:

• Yahoo YSlow! plug-in Firebug: http://developer.yahoo.com/yslow/
• Google PageSpeed: https://developers.google.com/speed/pagespeed/
• Google Speed ​​Tracer: https://chrome.google.com/webstore/detail/speed-tracer-by-google/ognampngfcbddbfemdapefohjiobgbdl/related