Download as KEY, PPTX
Uploaded byEb Styles
Doctype
The document discusses document type definitions (DTDs) and their impact on rendering in different browsers. It notes that including a DOCTYPE triggers standards mode instead of quirks mode for better cross-browser consistency. The DTDs discussed are HTML 4.01 Transitional and Strict as well as XHTML 1.0 Transitional and Strict. It provides examples of how different DOCTYPE declarations affect rendering in Internet Explorer, Firefox, and Opera.
![www.webre24h.com - [O`reilly] html and xhtml. pocket reference, 4th ed. - [...](https://cdn.slidesharecdn.com/ss_thumbnails/oreilly-htmlandxhtml-160414011151-thumbnail.jpg?width=640&height=640&fit=bounds)
Doctype
- 1. <!doctype> @EBvi
- 3. <!DOCTYPE html PUBLIC"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
- 4. DOCTYPE ?
- 5. • Document Type Definition • • DTD
- 6. DOCTYPE ? • . • Quirks mode( ) .
- 7. • Quirks mode Cross Browsing . • Cross Browsing DTD .
- 8. ? • width, padding, border • margin:0 auto • block-label • (:hover) •
- 9. Quirks mode • DOCTYPE Quirks •
- 10. Quirks mode • (X) • javascript engine (X)
- 11.
- 12.
- 13.
- 14. DTD • 4 • HTML 4.01 Strict mode • HTML 4.01 Transitional mode • XHTML 1.0 Strict mode • XHTML 1.0 Transitional mode
- 15. HTML4.01 Transitional • element •position, display • scrolling layer • frame •
- 16. HTML4.01 Strict • element, attribute, frame • element •
- 17. XHTML 1.0 Transitional • HTML4-transitional • frameset FF
- 18. XHTML 1.0 Strict • HTML4-Strict
- 19. 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
- 20. html5 doctype • <!doctypehtml> • HTML5 HTML4 XHTML1 . • transitional mode . • IE8
- 21.
- 22.
- 23. • well-formed • element,attribute , , • ... http://www.w3.org/TR/xhtml1/ diffs.html
- 24. • DTD • Quirksmode • HTML4 Transitional mode