HTML Headings (<h1> to <h6>)

0
8K

HTML headings are used to define headings and subheadings on a web page. They provide structure and hierarchy to your content, making it easier for both users and search engines to understand the page's organization.

There are six levels of headings, from <h1> to <h6>, with <h1> being the most important and <h6> the least.

Structure and Usage

  • Hierarchy: Headings should be used in a logical order, starting with <h1> for the main heading and progressing to lower levels for subheadings.
  • One <h1> per page: It's generally recommended to use only one <h1> element per page to represent the main title.
  • Consistency: Maintain a consistent heading structure throughout your page. Don't skip levels (e.g., don't go from <h1> to <h3> without an <h2>).

Example

HTML
<!DOCTYPE html>
<html>
<head>
  <title>Heading Example</title>
</head>
<body>

<h1>This is the main heading</h1>

<h2>Section 1</h2>
<p>Content for section 1.</p>

<h3>Subsection 1.1</h3>
<p>Content for subsection 1.1.</p>

<h2>Section 2</h2>
<p>Content for section 2.</p>  

<h3>Subsection 2.1</h3>
<p>Content for subsection 2.1.</p>

<h4>Subsubsection 2.1.1</h4>
<p>Content for subsubsection 2.1.1.</p>

</body>
</html>

Importance of Headings

  • User experience: Headings help users quickly scan a page and find the information they need.
  • Accessibility: Screen readers use headings to navigate content, making your website accessible to people with visual impairments.
  • SEO: Search engines use headings to understand page structure and content, which can improve your search rankings.
Search
Categories
Read More
Biology
S.4 BIOLOGY SCENARIO BASED QUESTIONS
S.4 BIOLOGY SCENARIO BASED QUESTIONS
By TALKS OF BIOLOGY 2024-08-28 14:30:56 0 12K
Computer Programming
Functions, Parameters, and Return Values in python
Python uses functions extensively! Here's how functions, parameters, and return values work in...
Computer Programming
HTML Table Borders: A Closer Look
HTML table borders are used to outline the individual cells and rows within a table, making it...
By HTML PROGRAMMING LANGUAGE 2024-09-06 01:25:50 0 11K
Computer Programming
HTML Table Padding & Spacing
HTML Table Padding and Spacing Padding and spacing in HTML tables control the amount of space...
By HTML PROGRAMMING LANGUAGE 2024-09-06 01:33:49 0 12K
Education
THE MOUNTAINS IN EAST AFRICA AND THEIR SIZES
Here are some of the prominent mountains in East Africa along with their sizes: Mount...
By Mpatswe Francis 2024-10-09 00:08:00 0 10K
Tebtalks https://tebtalks.com