Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
(   )
(   )


TwinsenLiang
• 94   Netscape

• 95   IE      Netscape   Javascript

• 96   IE3.0               “    ”
• 94   Netscape

• 95   IE      Netscape   Javascript

• 96   IE3.0               “    ”
HTML XHTML
HTML XHTML
HTML XHTML
HTML XHTML

1.
HTML XHTML

1.

2.
HTML XHTML

1.

2.

3.
HTML XHTML

1.

2.

3.

4.           -_-!
DOM

•                          tag

                   attribute     tag



•

    HashTable[i]

     i     Tag
HTML Tidy
IE8
IE8
SA   IE8
FF   SA   IE8   IE7
FF   SA   OP   IE8   IE7
FF   SA   OP   IE8   IE7
•

• IE
•

• IE
       IE
•                       TOP=TOP+1

       CPU

•                            HTML Tidy



•      Google                    ...
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 th...
HTML Tidy
       HTML

                         Dave Raggett

HTML

       XXX



Tidy

                  Tidy

          ...
1.   XHTML               4      HTML5.0

2.

                     doctype

                       chrome

3.

4.          ...
Html Validator
Html Validator
Thanks
  Q&A
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
[2010]从浏览器渲染看标准的重要性
Upcoming SlideShare
Loading in …5
×

[2010]从浏览器渲染看标准的重要性

2,315 views

Published on

2010年webrebuild年会北京站分享

Published in: Technology
  • Be the first to comment

[2010]从浏览器渲染看标准的重要性

  1. 1. ( )
  2. 2. ( ) TwinsenLiang
  3. 3. • 94 Netscape • 95 IE Netscape Javascript • 96 IE3.0 “ ”
  4. 4. • 94 Netscape • 95 IE Netscape Javascript • 96 IE3.0 “ ”
  5. 5. HTML XHTML
  6. 6. HTML XHTML
  7. 7. HTML XHTML
  8. 8. HTML XHTML 1.
  9. 9. HTML XHTML 1. 2.
  10. 10. HTML XHTML 1. 2. 3.
  11. 11. HTML XHTML 1. 2. 3. 4. -_-!
  12. 12. DOM • tag attribute tag • HashTable[i] i Tag
  13. 13. HTML Tidy
  14. 14. IE8
  15. 15. IE8
  16. 16. SA IE8
  17. 17. FF SA IE8 IE7
  18. 18. FF SA OP IE8 IE7
  19. 19. FF SA OP IE8 IE7
  20. 20. • • IE
  21. 21. • • IE IE
  22. 22. • TOP=TOP+1 CPU • HTML Tidy • Google XHTML1.0 XML http:// www.google.com.hk/m?dc=gbackstop
  23. 23. 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".
  24. 24. HTML Tidy HTML Dave Raggett HTML XXX Tidy Tidy “ ” “ ”
  25. 25. 1. XHTML 4 HTML5.0 2. doctype chrome 3. 4. “ ”
  26. 26. Html Validator
  27. 27. Html Validator
  28. 28. Thanks Q&A

×