Why do I need a doctype? (What does it do) [duplicate]

by

All browsers need the doctype. Without the DOCTYPE you are forcing the browsers to render in Quirks Mode.

However, DOCTYPE was only partially used by the browsers in determining dialect and parsing, even though that was the purpose. This is why HTML5 has reduced the DOCTYPE to simply:

<!DOCTYPE html>

2.2. The DOCTYPE

The HTML syntax of HTML5 requires a DOCTYPE to be specified to ensure that the browser renders the page in standards mode. The DOCTYPE has no other purpose and is therefore optional for XML. Documents with an XML media type are always handled in standards mode. [DOCTYPE]

The DOCTYPE declaration is <!DOCTYPE html> and is case-insensitive in the HTML syntax. DOCTYPEs from earlier versions of HTML were longer because the HTML language was SGML-based and therefore required a reference to a DTD. With HTML5 this is no longer the case and the DOCTYPE is only needed to enable standards mode for documents written using the HTML syntax. Browsers already do this for <!DOCTYPE html>.

Source: HTML5 differences from HTML4: DOCTYPE

More Related Contents:

  1. vs
  2. What is DOCTYPE?
  3. What is the functionality of !DOCTYPE?
  4. Set HTML5 doctype with XSLT
  5. Any reason not to start using the HTML 5 doctype? [closed]
  6. What are the different doctypes in html and what do they mean?
  7. Uppercase or lowercase doctype?
  8. HTML5 doctype putting IE9 into quirks mode?
  9. Can comments appear before the DOCTYPE declaration?
  10. Hover effects not working with IE8
  11. Why certain DOCTYPE declarations cause 100%-height tables and divs to stop working?
  12. How can I expand floated child div’s height to parent’s height?
  13. Is it possible to put CSS @media rules inline?
  14. Adding HTML entities using CSS content
  15. Using flex order property to re-arrange items for desktop and mobile views
  16. Why is it a bad thing to have multiple HTML elements with the same id attribute?
  17. What characters can be used for up/down triangle (arrow without stem) for display in HTML?
  18. Is HTML case sensitive?
  19. Difference between iframe, embed and object elements
  20. Using base tag on a page that contains SVG marker elements fails to render marker
  21. Align labels in form next to input
  22. CSS table-cell equal width
  23. Get rid of space underneath inline-block image [duplicate]
  24. How to apply an opacity without affecting a child element with html/css?
  25. Draw Circle using css alone [duplicate]
  26. HTML / CSS How to add image icon to input type=”button”?
  27. Pixels vs. Points in HTML/CSS
  28. How to extract data from html table in shell script?
  29. SVG image inside circle
  30. HTML5 Canvas background image

Leave a Comment