Any reason not to start using the HTML 5 doctype? [closed]

by

Well consider this:

When serving as text/html, all you need a doctype for is to trigger standards mode. Beyond that, the doctype does nothing as far as browsers are concerned.

When serving as text/html, whether you use XHTML markup or HTML markup, it’s treated by browsers as HTML.

So, really it comes down to using the shortest doctype that triggers standards mode (<!DOCTYPE html>) and using HTML markup that produces the correct result in browsers.

The rest is about conforming, validation and markup prerference.

With that said, using <!DOCTYPE html> now and trying to make your markup conform to HTML5 is not a bad idea as long as you stick to stable features that work in browsers now. You wouldn’t use anything in HTML4 or XHTML 1.x that doesn’t work in browsers, would you?

In other words, you use <!DOCTYPE html> with HTML4-like markup while honoring things that have been clarified in HTML5. HTML5 is about browser compatibility after all.

The downside to using HTML5 now is that the spec can change quite often. This makes it important for you to keep up with the spec as it actively changes. Also http://validator.nu/ might not always be up-to-date, but http://validator.w3.org/ isn’t always up-to-date either, so don’t let that stop you.

Of course, if you want to use XHTML 1.0 markup and conform to XHTML 1.0, then you shouldn’t use <!DOCTYPE html>.

Personally, I always use <!DOCTYPE html> for HTML.

More Related Contents:

  1. vs
  2. What is DOCTYPE?
  3. What is the functionality of !DOCTYPE?
  4. Set HTML5 doctype with XSLT
  5. What are the different doctypes in html and what do they mean?
  6. Uppercase or lowercase doctype?
  7. HTML5 doctype putting IE9 into quirks mode?
  8. Can comments appear before the DOCTYPE declaration?
  9. Why do I need a doctype? (What does it do) [duplicate]
  10. Hover effects not working with IE8
  11. Why certain DOCTYPE declarations cause 100%-height tables and divs to stop working?
  12. Grid or Table? for Text and an Image on the bottom right (4/4) [duplicate]
  13. Center image using text-align center?
  14. Show an image preview before upload
  15. Make a div fill the height of the remaining screen space
  16. What’s HTML character code 8203?
  17. How can I combine flexbox and vertical scroll in a full-height app?
  18. Why does HTML5 form-validation allow emails without a dot?
  19. How do I change the default index page in Apache?
  20. Scale image to fit a bounding box
  21. How to change the size of the radio button using CSS?
  22. Large file upload though html form (more than 2 GB)
  23. Why is “​” being injected into my HTML?
  24. Making an svg image object clickable with onclick, avoiding absolute positioning
  25. CSS custom cursor doesn’t work in FF/Chrome
  26. Which elements support the ::before and ::after pseudo-elements?
  27. Thymeleaf – How to add checked attribute to input conditionally
  28. Create links in HTML canvas
  29. How To Add CSS3 Transition With HTML5 details/summary tag reveal?
  30. Balanced text wrapping in HTML

Leave a Comment