When use H1, H2, H3, H4, H5 tags? [closed]

by

What is the standard practices for this scenario?

Using the tags isn’t about presentation, it’s about semantics. If you use the various h1, h2, etc. tags, you’re giving information about the meaning of the content of the text within them. This gives anything reading your document information about the document’s structure and meaning. There’s a section about the semantics of headings and sections in the spec.

The following markup tells software reading it that the text “Web Semantics” is a heading for content in the document, and therefore that the following paragraphs likely relate to web semantics:

<h1>Web Semantics</h1>
<p>Blah blah blah blah</p>

In contrast, if you have this:

<div>Web Semantics</div>
<p>Blah blah blah blah</p>

then even if the div is styled to look just like an h1, there’s no information in your document about the meaning of the text “web semantics” (in the context of your document).

This matters for content extraction, including the ever-popular SEO.

More Related Contents:

  1. Where is this undefined coming from? [closed]
  2. Something weird with css
  3. What’s the difference between an id and a class?
  4. Does :before not work on img elements?
  5. Responsive grid of hexagons
  6. Why does styling the background of the body element affect the entire screen?
  7. Override browser form-filling and input highlighting with HTML/CSS
  8. Twitter Bootstrap 3 Sticky Footer
  9. Removing whitespace between HTML elements when using line breaks
  10. Stretch text to fit width of div
  11. How to stop text from taking up more than 1 line?
  12. What’s the difference between flex-start and baseline?
  13. Scroll particular DIV contents with browser’s main scrollbar
  14. How to give the background-image path in CSS?
  15. Bootstrap – 5 column layout
  16. CSS horizontal centering of a fixed div?
  17. Giving a border to an HTML table row,
  18. Creating a ‘New’ spiky label with 24 or above point burst
  19. How to prevent text in a table cell from wrapping
  20. Font Awesome icons are not working, I have included all required files [closed]
  21. Half circle with CSS (border, outline only)
  22. How to implement curve background in CSS? [duplicate]
  23. Tooltip with HTML content without JavaScript
  24. Change color of one character in a text box HTML/CSS [duplicate]
  25. Stretching tag to fill entire
  26. Blank iFrame in IE
  27. text-decoration not working for visited state link
  28. svg background image position is always centered in internet explorer, despite background-position: left center;
  29. Why use a sprite sheet rather than individual images?
  30. Link external CSS file only for specific Div [duplicate]

Leave a Comment