HTML 코드 분석기

Question

HTML 코드를 개선하기위한 팁을 제안하는 HTML 코드 분석 도구가 있습니까?

Answer 1

http://validator.w3.org/

가장 중요한 도구, 유효성을 확인합니다. 의미, 깨끗한 HTML을 작성하고 divitus, classitus 같은 일반적인 HTML-질병을 방지 코드 및 기타 모범 사례를 최적화에 대한 팁은 이와 같은

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

• http://developer.yahoo.com/performance/rules.html

기사. DOM 는 때문에

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

더 깊이이며 일반적 CSS 접근성 개발 커버 이와 같은

가이드, JS/DOM (사용되는지 HTML).

그리고 모두의 어머니 :

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

아주 초보자 친화적 아니라 내가 대신 htmldog 같은 가이드를 권하고 싶습니다,하지만이 이동-일 (수)에 대한 원천이 될 것입니다하지만 직접 소스에서.

Answer 2

표준의 경우? 이것은 좋은 것입니다 : http://validator.w3.org/

또는 당신은 퍼프 또는 가독성을 원하십니까 또는 ...? (이 문서 문제와 링크를 식별하지만 그것은 자동 수정 도구 아니다 -하지만 대부분의 문제는 자동으로 어쨌든 고정 할 수 없음)

Answer 3

Sitesifter은 괜찮은

Answer 4

예쁜 DIFF의보고 기능이 제안에 제공 HTML과 여러 통계를 개선합니다.

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

Answer 5

나는 다음과 같은 코드 분석 도구 목록에 추가합니다 :

• 야후 YSlow에! 파이어 버그 플러그인 : http://developer.yahoo.com/yslow/
• 구글 페이지 속도 : https://developers.google.com/speed/pagespeed/
• 구글 속도 추적기 : https://chrome.google.com/webstore/detail/speed-tracer-by-google/ognampngfcbddbfemdapefohjiobgbdl/related