SlideShare une entreprise Scribd logo
1  sur  25
<!doctype>
   @EBvi
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
DOCTYPE   ?
•   Document Type Definition
•
•       DTD
DOCTYPE
                    ?

•
         .

•    Quirks mode(       )
            .
• Quirks mode       Cross Browsing

                .

•         Cross Browsing
               DTD                   .
?
•   width, padding, border

•   margin:0 auto

•   block-label

•                 (:hover)



•
Quirks mode

• DOCTYPE       Quirks


•
Quirks mode


•                     (X)

• javascript engine         (X)
Quirks mode
DOM
DTD
DTD
DTD
•      4


• HTML 4.01 Strict mode
• HTML 4.01 Transitional mode
• XHTML 1.0 Strict mode
• XHTML 1.0 Transitional mode
HTML4.01 Transitional
• element
• position, display
• scrolling layer
• frame

•
HTML4.01 Strict

•           element, attribute, frame


• element

•
XHTML 1.0 Transitional

•            HTML4-transitional


• frameset          FF
XHTML 1.0 Strict


•    HTML4-Strict
DTD

                                       IE   FF   OP
none        DTD                        Q    Q    Q
           <!doctype transitional      A    A    A
HTML    <!doctype transitional loose   A     S    S
 4.01       <!doctype html4.01         A     S    S
              <!doctype strict         A     S    S
XHTML      <!doctype transitional      A    A    A
 1.0          <!doctype strict         A     S    S
html5 doctype
• <!doctype html>
• HTML5 HTML4         XHTML1
              .

• transitional mode
                          .

• IE8
anymore thing?
HTML4 vs XHTML1.0
• well-formed
• element, attribute                   ,
        ,

•         ... http://www.w3.org/TR/xhtml1/
    diffs.html
• DTD
• Quirks mode
•                     HTML4
  Transitional mode
Doctype

Contenu connexe

Similaire à Doctype

Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)
Joseph Lewis
 

Similaire à Doctype (20)

HTML Training Course in Persian
HTML Training Course in PersianHTML Training Course in Persian
HTML Training Course in Persian
 
Web scraping with php
Web scraping with phpWeb scraping with php
Web scraping with php
 
Html
HtmlHtml
Html
 
Modern Web Development
Modern Web DevelopmentModern Web Development
Modern Web Development
 
Html&Browser
Html&BrowserHtml&Browser
Html&Browser
 
Html 5
Html 5Html 5
Html 5
 
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
Grok Drupal (7) Theming (presented at DrupalCon San Francisco)
 
Super quick introduction to html5
Super quick introduction to html5Super quick introduction to html5
Super quick introduction to html5
 
QueryPath, Mash-ups, and Web Services
QueryPath, Mash-ups, and Web ServicesQueryPath, Mash-ups, and Web Services
QueryPath, Mash-ups, and Web Services
 
Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)Introduction to HTML5 and CSS3 (revised)
Introduction to HTML5 and CSS3 (revised)
 
Building bridges - Plone Conference 2015 Bucharest
Building bridges   - Plone Conference 2015 BucharestBuilding bridges   - Plone Conference 2015 Bucharest
Building bridges - Plone Conference 2015 Bucharest
 
Intro to Web Standards
Intro to Web StandardsIntro to Web Standards
Intro to Web Standards
 
Front end for back end developers
Front end for back end developersFront end for back end developers
Front end for back end developers
 
Web technologies-course 09.pptx
Web technologies-course 09.pptxWeb technologies-course 09.pptx
Web technologies-course 09.pptx
 
Advanced guide to develop ajax applications using dojo
Advanced guide to develop ajax applications using dojoAdvanced guide to develop ajax applications using dojo
Advanced guide to develop ajax applications using dojo
 
Html5 shubelal
Html5 shubelalHtml5 shubelal
Html5 shubelal
 
Php course
Php coursePhp course
Php course
 
Html
HtmlHtml
Html
 
On Web Browsers
On Web BrowsersOn Web Browsers
On Web Browsers
 
Intro to-html5
Intro to-html5Intro to-html5
Intro to-html5
 

Plus de Eb Styles

잘 알고 있습니까? html + css &lt;#1>
잘 알고 있습니까? html + css &lt;#1>잘 알고 있습니까? html + css &lt;#1>
잘 알고 있습니까? html + css &lt;#1>
Eb Styles
 
보다 나은 웹 어플리케이션 설계
보다 나은 웹 어플리케이션 설계보다 나은 웹 어플리케이션 설계
보다 나은 웹 어플리케이션 설계
Eb Styles
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
Eb Styles
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
Eb Styles
 
Web standard 2
Web standard 2Web standard 2
Web standard 2
Eb Styles
 
Web standard 1
Web standard 1Web standard 1
Web standard 1
Eb Styles
 
Javascript Tip and Triks
Javascript Tip and TriksJavascript Tip and Triks
Javascript Tip and Triks
Eb Styles
 

Plus de Eb Styles (9)

잘 알고 있습니까? html + css &lt;#1>
잘 알고 있습니까? html + css &lt;#1>잘 알고 있습니까? html + css &lt;#1>
잘 알고 있습니까? html + css &lt;#1>
 
보다 나은 웹 어플리케이션 설계
보다 나은 웹 어플리케이션 설계보다 나은 웹 어플리케이션 설계
보다 나은 웹 어플리케이션 설계
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Web accessibility
Web accessibilityWeb accessibility
Web accessibility
 
Debugger
DebuggerDebugger
Debugger
 
Css3
Css3Css3
Css3
 
Web standard 2
Web standard 2Web standard 2
Web standard 2
 
Web standard 1
Web standard 1Web standard 1
Web standard 1
 
Javascript Tip and Triks
Javascript Tip and TriksJavascript Tip and Triks
Javascript Tip and Triks
 

Dernier

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
panagenda
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Victor Rentea
 

Dernier (20)

MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
Cyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdfCyberprint. Dark Pink Apt Group [EN].pdf
Cyberprint. Dark Pink Apt Group [EN].pdf
 
Artificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : UncertaintyArtificial Intelligence Chap.5 : Uncertainty
Artificial Intelligence Chap.5 : Uncertainty
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Why Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire businessWhy Teams call analytics are critical to your entire business
Why Teams call analytics are critical to your entire business
 
Corporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptxCorporate and higher education May webinar.pptx
Corporate and higher education May webinar.pptx
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data DiscoveryTrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
TrustArc Webinar - Unlock the Power of AI-Driven Data Discovery
 
[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf[BuildWithAI] Introduction to Gemini.pdf
[BuildWithAI] Introduction to Gemini.pdf
 
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
Web Form Automation for Bonterra Impact Management (fka Social Solutions Apri...
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
ICT role in 21st century education and its challenges
ICT role in 21st century education and its challengesICT role in 21st century education and its challenges
ICT role in 21st century education and its challenges
 
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
Apidays New York 2024 - APIs in 2030: The Risk of Technological Sleepwalk by ...
 
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
Apidays New York 2024 - Passkeys: Developing APIs to enable passwordless auth...
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024Finding Java's Hidden Performance Traps @ DevoxxUK 2024
Finding Java's Hidden Performance Traps @ DevoxxUK 2024
 

Doctype

Notes de l'éditeur

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n