ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo
(   )
(   )


TwinsenLiang
? 94   Netscape

? 95   IE      Netscape   Javascript

? 96   IE3.0               ¡°    ¡±
? 94   Netscape

? 95   IE      Netscape   Javascript

? 96   IE3.0               ¡°    ¡±
´Óä¯ÀÀÆ÷äÖȾ¿´±ê×¼µÄÖØÒªÐÔ
´Óä¯ÀÀÆ÷äÖȾ¿´±ê×¼µÄÖØÒªÐÔ
XHTML XHTML
XHTML XHTML
XHTML XHTML
XHTML XHTML

1.
XHTML XHTML

1.

2.
XHTML XHTML

1.

2.

3.
XHTML 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                    XHTML1.0

    XML                          http://

    www.google.com.hk/m?dc=gbackstop
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".
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

More Related Content

´Óä¯ÀÀÆ÷äÖȾ¿´±ê×¼µÄÖØÒªÐÔ

  • 1. ( )
  • 2. ( ) TwinsenLiang
  • 3. ? 94 Netscape ? 95 IE Netscape Javascript ? 96 IE3.0 ¡° ¡±
  • 4. ? 94 Netscape ? 95 IE Netscape Javascript ? 96 IE3.0 ¡° ¡±
  • 14. DOM ? tag attribute tag ? HashTable[i] i Tag
  • 54. IE8
  • 55. IE8
  • 56. SA IE8
  • 57. FF SA IE8 IE7
  • 58. FF SA OP IE8 IE7
  • 59. FF SA OP IE8 IE7
  • 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. ¡° ¡±