What is the difference between and ?

by

They have semantic difference – a <div> element is designed to describe a container of data whereas a <p> element is designed to describe a paragraph of content.

The semantics make all the difference. HTML is a markup language which means that it is designed to “mark up” content in a way that is meaningful to the consumer of the markup. Most developers believe that the semantics of the document are the default styles and rendering that browsers apply to these elements but that is not the case.

The elements that you choose to mark up your content should describe the content. Don’t mark up your document based on how it should look – mark it up based on what it is.

If you need a generic container purely for layout purposes then use a <div>. If you need an element to describe a paragraph of content then use a <p>.

Note: It is important to understand that both <div> and <p> are block-level elements which means that most browsers will treat them in a similar fashion.

More Related Contents:

  1. Menu does not align correctly in Safari
  2. How to modify HTML file with Perl: preserving lists and erasing all other tags [closed]
  3. POST unchecked HTML checkboxes
  4. How can I override Bootstrap CSS styles?
  5. Nesting block level elements inside the tag… right or wrong?
  6. How to make CSS3 rounded corners hide overflow in Chrome/Opera
  7. Bootstrap full-width with 2 different backgrounds (and 2 columns)
  8. How to add a browser tab icon (favicon) for a website?
  9. How can I expand floated child div’s height to parent’s height?
  10. Minimum and maximum value of z-index?
  11. Is it possible to put CSS @media rules inline?
  12. Adding HTML entities using CSS content
  13. How can I find an element by CSS class with XPath?
  14. Should I use px or rem value units in my CSS? [closed]
  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. Margin while printing html page
  21. CSS Transition – eases in but doesn’t ease out?
  22. CSS image resize percentage of itself?
  23. HTML radio buttons allowing multiple selections
  24. Is it possible to display an .html document , or .html fragment at CSS content?
  25. Using local file for Web Audio API in Javascript
  26. Fixed Header, Footer, and Sidebars with scrolling content area in center
  27. How to center an iframe horizontally?
  28. How to write fraction value using html?
  29. HTML5 Canvas background image
  30. HTML input field OUTSIDE of a form

Leave a Comment