Table of Content
HTML Headings - The following is a summary of the HTML headings tag/element.
What are HTML Headings?
HTML Headings or
<h6> is an HTML element that functions to display document headings on web pages.
HTML Headings only have 6 types of starting tags namely
<h6>. Apart from these six tags, it is not a valid HTML heading.
Elements such as
<h8> will still be displayed by the browser but do not place any emphasis on the screen reader that the element those are headings.
Screen readers and web crawlers read HTML Headings in priority order with
<h1> as the most important, then
<h2> and so on until
<h6> is the heading with the least priority.
Tips: Using HTML Headings helps search engine crawlers to determine which article title and which subtitle. So, it's good to optimize the use of HTML Heading in web/blog content.
|HTML Element||Default Stylesheet||Pixel Height|
Attributes and Functions
|class||Contains class selector for CSS Styling.||class-selector||
|id||Contains the unique code id selector for CSS Styling and element targeting.||id-selector||
|style||Contains CSS styling code for images.||CSS Value||
Example of Implementation
The following code is a sample code that will be implemented as an example.
Note: The sizes that appear in the results section are already affected by CSS Styling, so they don't appear as default.
- Use HTML Headings in order of priority. Skipping usage on documents is not recommended.
That's a little summary of HTML Headings that I can share. If something is missing, unclear, or wrong, please let me know or just ask through the comments column below. Hopefully useful and see you in my other posts.
Headings really help content readers understand every part of the content on the webpage.Ninura