Analizzatore codice HTML

Question

C'è uno strumento di analisi del codice HTML che suggerisce suggerimenti per migliorare il codice HTML?

Answer 1

http://validator.w3.org/

Lo strumento più importante, per garantire la validità.

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

articoli come questo per suggerimenti su come scrivere semantica, html pulito ed evitare comuni html-malattie come divitus, classitus, l'ottimizzazione del codice, e altre best practice.

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

guide come queste che sono più approfondito e coprono accessibilità, sviluppo in generale, css, JS/DOM (dal DOM è ciò che viene utilizzato per HTML).

E la madre di tutti:

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

Anche se non è molto newbie amichevole e lo consiglierei guide come htmldog invece, ma questo sarebbe il go-to fonte per la ricerca direttamente dalla fonte.

Answer 2

Per gli standard? Questo è buono: http://validator.w3.org/

O vuoi perf o leggibilità o ...?

Answer 3

Sitesifter è decente (anche se identifica problemi e collegamenti alla documentazione, non è uno strumento di correzione automatica - ma la maggior parte dei problemi non può essere risolto automaticamente in ogni caso)

Answer 4

la funzionalità di reporting di Pretty Diff offre suggerimenti su migliorando il tuo HTML più un mucchio di statistiche.

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

Answer 5

vorrei aggiungere alla lista i seguenti strumenti di analisi del codice:

• 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