This document introduces HTML Tidy, a utility created by Dave Raggett that cleans up and fixes errors in HTML code. It can automatically fix common mistakes and formatting issues, making messy code more readable. Tidy identifies problems and shows line and column numbers to help the user fix issues it cannot correct itself, like errors it is unsure how to handle. It brings inconsistencies and accessibility problems to the user's attention so they can improve their code.

1. ( )

2. ( )
TwinsenLiang

3. • 94 Netscape
• 95 IE Netscape Javascript
• 96 IE3.0 “ ”

4. • 94 Netscape
• 95 IE Netscape Javascript
• 96 IE3.0 “ ”

7. HTML XHTML

8. HTML XHTML

9. HTML XHTML

10. HTML XHTML
1.

11. HTML XHTML
1.
2.

12. HTML XHTML
1.
2.
3.

13. HTML XHTML
1.
2.
3.
4. -_-!

14. DOM
• tag
attribute tag
•
HashTable[i]
i Tag

21. HTML Tidy

54. IE8

55. IE8

56. SA IE8

57. FF SA IE8 IE7

58. FF SA OP IE8 IE7

59. FF SA OP IE8 IE7

61. •
• IE

62. •
• IE
IE

63. • TOP=TOP+1
CPU
• HTML Tidy
• Google XHTML1.0
XML http://
www.google.com.hk/m?dc=gbackstop

64. Introduction to TIDY
When editing HTML it's easy to make mistakes. Wouldn't it be nice if there was a
simple way to fix these mistakes automatically and tidy up sloppy editing into
nicely layed out markup? Well now there is! Dave Raggett's HTML TIDY is a free
utility for doing just that. It also works great on the atrociously hard to read
markup generated by specialized HTML editors and conversion tools, and can
help you identify where you need to pay further attention on making your pages
more accessible to people with disabilities.
Tidy is able to fix up a wide range of problems and to bring to your attention
things that you need to work on yourself. Each item found is listed with the line
number and column so that you can see where the problem lies in your markup.
Tidy won't generate a cleaned up version when there are problems that it can't be
sure of how to handle. These are logged as "errors" rather than "warnings".

65. HTML Tidy
HTML
Dave Raggett
HTML
XXX
Tidy
Tidy
“ ” “ ”

66. 1. XHTML 4 HTML5.0
2.
doctype
chrome
3.
4. “ ”

67. Html Validator

68. Html Validator

70. Thanks
Q&A