Is putting a div inside an anchor ever correct?

by

Depending on the version of HTML you’re catering to:

  • HTML 5 states that the <a> element “may be wrapped around entire paragraphs, lists, tables, and so forth, even entire sections, so long as there is no interactive content within (e.g. buttons or other links)”.

  • HTML 4.01 specifies that <a> elements may only contain inline elements. A <div> is a block element, so it may not appear inside an <a>.

    Of course you are at liberty to style an inline element such that it appears to be a block, or indeed style a block so that it is rendered inline. The use of the terms inline and block in HTML refers to the relationship of the elements to the semantic structure of the document, whereas the same terms in CSS are related more to the visual styling of the elements. If you make inline elements display in a blocky manner, that’s fine.

    However you should ensure that the structure of the document still makes sense when CSS is not present, for example when accessed via an assistive technology such as a screen reader – or indeed when examined by the mighty Googlebot.

More Related Contents:

  1. Make headings (h1, h2, …) inherit style from body
  2. CSS technique for a horizontal line with words in the middle
  3. Vertically centering a div inside another div [duplicate]
  4. What is the difference between localStorage, sessionStorage, session and cookies?
  5. CSS Display an Image Resized and Cropped
  6. Are iframes considered ‘bad practice’? [closed]
  7. How to trigger Autofill in Google Chrome?
  8. What’s the difference if I put css file inside or ?
  9. Change bullets color of an HTML list without using span
  10. How to create a template in HTML?
  11. How can I escape a single quote?
  12. How to specify a local file within html using the file: scheme?
  13. ie9 border radius
  14. Setting transform-origin on SVG group not working in Firefox
  15. Force HTML5 youtube video
  16. How can I submit a POST form using the tag?
  17. Conditional HTML Attributes using Razor MVC3
  18. HTML – Arabic Support
  19. Pure css Chessboard with div & no classes or ids, is it possible?
  20. Is there a way to force browsers to refresh/download images?
  21. Can we add div inside table above every ?
  22. How to include all css kept in a directory?
  23. How to download HTTP directory with all files and sub-directories as they appear on the online files/folders list?
  24. Insert HTML from CSS
  25. How to show an animation that is hidden behind a colored div using a “reveal” div on the surface
  26. Best JSON-LD practices: using multiple elements?
  27. CSS: display:block; vs display:table;
  28. Is there a way to get the parent URL from an Iframe’s content?
  29. HTML Form File Uploads doesn’t upload file
  30. HTML5 Canvas – Fill circle with image

Leave a Comment