HTML parser

Question

Is there any HTML code analysis tool that offers tips for improving HTML code?

Answer 1

http://validator.w3.org/

The most important credibility tool.

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

Articles such as tips for writing semantic, clean html and avoid common html diseases like divitus, classitus, optimizing your code and other best practices.

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

Guides, such as more in-depth and accessible, development in general, css, JS / DOM (since the DOM is what is used for HTML).

And the mother of everything:

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

Although it is not very friendly to beginners, and I would recommend manuals such as htmldog, it would be the original source for direct search from the source.

Answer 2

For standards? This is good: http://validator.w3.org/

Or do you want performance or readability or ...?

Answer 3

Sitesifter is worthy (although it identifies problems and links to documentation, it is not an automated fix tool), but most problems cannot be automatically fixed)

Answer 4

The Pretty Diff reporting feature offers suggestions for improving your HTML, plus many features.

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

Answer 5

I would add the following code analysis tools to the list:

• Yahoo YSlow! Firebug Plugin: 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