What elements can a span tag contain in HTML5?

by

Only inline elements may be contained within inline elements. span is an inline element. So, tags like a, img, sup, etc. can go within a span, but block level elements like div and p cannot.

UPDATE

In reality, different elements which default to inline display behave differently. Some “inline” elements may allow block elements (a for example), while others don’t (like span).

If you’re interested in what an HTML tag may contain, your most official source is the WHATWG page on HTML elements. You can check any HTML element and see what content is permitted (see ‘Content Model’ for each element):

http://www.whatwg.org/specs/web-apps/current-work/multipage/#auto-toc-4

Here’s the definition of the span tag, which indicates that only ‘phrasing’ content is allowed.

http://www.whatwg.org/specs/web-apps/current-work/multipage/text-level-semantics.html#the-span-element

More Related Contents:

  1. Can I use non existing CSS classes?
  2. Are (non-void) self-closing tags valid in HTML5?
  3. Is it valid to have a html form inside another html form?
  4. input type=”submit” Vs button tag are they interchangeable? [duplicate]
  5. Why can’t I have a numeric value as the ID of an element?
  6. Is a DIV inside a TD a bad idea?
  7. Create a HTML table where each TR is a FORM
  8. Valid content-type for XML, HTML and XHTML documents
  9. w3c html validation error – Section lacks heading. Consider using h2-h6 elements to add identifying headings to all sections
  10. What characters are allowed in the HTML Name attribute inside input tag?
  11. Is there a valid way to disable autocomplete in a HTML form?
  12. ‘div’ inside ‘table’
  13. Why can’t a element contain a ?
  14. HTML: Characters allowed for name attribute of input element?
  15. Google fonts URL break HTML5 Validation on w3.org
  16. Why would Google use a font tag?
  17. “Attribute name not allowed on element div at this point”
  18. w3c markup validator ampersand (&) error
  19. File input ‘accept’ attribute – is it useful?
  20. How to prevent downloading images and video files from my website?
  21. How do I prevent site scraping? [closed]
  22. What’s default HTML/CSS link color?
  23. CSS: stretching background image to 100% width and height of screen?
  24. How to change an image on click using CSS alone?
  25. Two div blocks on same line
  26. How to properly use h1 in HTML5
  27. How to change cursor color without changing text color?
  28. Why is Chrome showing a “Please Fill Out this Field” tooltip on empty fields?
  29. How to hide full screen button of the video tag in HTML5
  30. Put fixed text on an input text box

Leave a Comment