0 added
0 removed
Original
2026-01-01
Modified
2026-03-09
1
<p>We have finished creating templates for the major webpage blocks. Now let’s go back to the main webpage and work a little on the structure of the text content.</p>
1
<p>We have finished creating templates for the major webpage blocks. Now let’s go back to the main webpage and work a little on the structure of the text content.</p>
2
<p>We use headers to create the basic structure for the text. HTML specifies an entire family of header tags: from <h1> to <h6>. The <h1> tag indicates the most important heading (top level heading), whereas the <h6> tag denotes the lowest level subheader. The letter “h” in the tag name stands for the first letter in “heading”.</p>
2
<p>We use headers to create the basic structure for the text. HTML specifies an entire family of header tags: from <h1> to <h6>. The <h1> tag indicates the most important heading (top level heading), whereas the <h6> tag denotes the lowest level subheader. The letter “h” in the tag name stands for the first letter in “heading”.</p>
3
<p>In practice, subheadings that are lower than the third level are rarely found in texts. Therefore, the most commonly used tags are <h1>, <h2> and <h3>:</p>
3
<p>In practice, subheadings that are lower than the third level are rarely found in texts. Therefore, the most commonly used tags are <h1>, <h2> and <h3>:</p>
4
<h1>HTML specification</h1> <h2>Section 1: Introduction</h2> <h3>Section 1.1: The origin of the language</h3><p>Search engines assign particular weight to headings, and well-placed headings are important for making the document accessible. Therefore, you need to learn how to correctly use headings.</p>
4
<h1>HTML specification</h1> <h2>Section 1: Introduction</h2> <h3>Section 1.1: The origin of the language</h3><p>Search engines assign particular weight to headings, and well-placed headings are important for making the document accessible. Therefore, you need to learn how to correctly use headings.</p>
5
<p>The heading <h1> is the most important on the page. You should use it to mark the text that generally describes the page content. It is very important to ensure that there is only one first level heading on the page.</p>
5
<p>The heading <h1> is the most important on the page. You should use it to mark the text that generally describes the page content. It is very important to ensure that there is only one first level heading on the page.</p>
6
<p>A top level heading is often added to the website header of main pages. We will do the same for our template.</p>
6
<p>A top level heading is often added to the website header of main pages. We will do the same for our template.</p>
7
<p>In HTML5, it became possible to use your own hierarchy of headings with<a>tags in order to create meaningful sections that were independent of the rest of the document</a>. Now you can use several <section> or <article> tags with your own <h1>, <h2> and <h3> tags on a page.</p>
7
<p>In HTML5, it became possible to use your own hierarchy of headings with<a>tags in order to create meaningful sections that were independent of the rest of the document</a>. Now you can use several <section> or <article> tags with your own <h1>, <h2> and <h3> tags on a page.</p>
8
<p>People have discovered that this mechanism hinders more than it helps in practice, and browsers and other accessibility tools are not rushing to support this feature. Thus, people have returned to using the good old transparent hierarchy of headings throughout a document.</p>
8
<p>People have discovered that this mechanism hinders more than it helps in practice, and browsers and other accessibility tools are not rushing to support this feature. Thus, people have returned to using the good old transparent hierarchy of headings throughout a document.</p>