Analizador de código HTML

Question

¿Hay alguna herramienta de análisis de código HTML que sugiera sugerencias para mejorar el código HTML?

Answer 1

http://validator.w3.org/

La herramienta más importante, para asegurar su validez.

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

Artículos como éste para consejos sobre cómo escribir semántica, html limpio y evitar html enfermedades comunes como divitus, classitus, la optimización de su código, y otras mejores prácticas.

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

Guías como estos que son más en profundidad y la cubierta de la accesibilidad, el desarrollo en general, css, JS/DOM (desde DOM es lo que se utiliza para HTML).

Y la madre de todas:

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

Aunque no es muy amigable para novatos y se lo recomiendo guías como htmldog lugar, pero esto sería la fuente go-to para mirar directamente desde la fuente.

Answer 2

Para normas? Este es bueno: http://validator.w3.org/

¿O quieres rendimiento o legibilidad o ...?

Answer 3

Sitesifter es decente (aunque se identifica problemas y vínculos a la documentación, no es una herramienta de corrección automática - pero la mayoría de los problemas no se pueden fijar de forma automática de todos modos)

Answer 4

La función de informes de Pretty Dif ofrece sugerencias sobre Mejorando tu HTML más un montón de estadísticas.

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

Answer 5

me gustaría añadir a la lista las siguientes herramientas de análisis de código:

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