Are empty divs bad?

by

From the HTML5 spec:

3.2.8.2.8 Palpable content

As a general rule, elements whose content model allows any flow content or phrasing content should have at least one child node that is palpable content and that does not have the hidden attribute specified.

This requirement is not a hard requirement, however, as there are many cases where an element can be empty legitimately, for example when it is used as a placeholder which will later be filled in by a script, or when the element is part of a template and would on most pages be filled in but on some pages is not relevant.

So since divs allow flow content. empty divs are something generally to be avoided, but not invalid nor anything to get hung up about.

More Related Contents:

  1. Why we have to write robots.txt in website application? [closed]
  2. Expand a div to fill the remaining width
  3. How to make an image center (vertically & horizontally) inside a bigger div [duplicate]
  4. How do I properly escape quotes inside HTML attributes?
  5. Margin-Top push outer div down
  6. Is it sometimes bad to use ?
  7. Add centered text to the middle of a horizontal rule [duplicate]
  8. How to show tag literally in / tag?
  9. Make wrapper take maximum width of child image? [duplicate]
  10. How can I display just a portion of an image in HTML/CSS?
  11. Make page to tell browser not to cache/preserve input values
  12. Any reason not to start using the HTML 5 doctype? [closed]
  13. How to prevent a browser from storing passwords
  14. Can I force a page break in HTML printing?
  15. Center aligning a fixed position div
  16. What’s the difference between ” ” and ” “?
  17. How to escape double quotes in a title attribute
  18. Why would margin not be contained by parent element?
  19. Can comments appear before the DOCTYPE declaration?
  20. What is the default button type?
  21. Height percentage not working in CSS
  22. Valid content-type for XML, HTML and XHTML documents
  23. Why does CSS padding increase size of element?
  24. CSS I want a div to be on top of everything
  25. How can I wrap text around a non rectangular image?
  26. How to “crop” a rectangular image into a square with CSS?
  27. CSS Cell Margin
  28. Custom HTTP Request headers in HTML
  29. CSS making two divs equal height with display table
  30. Using sprites with IMG tag?

Leave a Comment