Heading Tags - There are 6 types of Heading Tags
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
Examples
h1 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;}
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;}
h2 {
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;}
display: block;
font-size: 2em;
margin-top: 0.67em;
margin-bottom: 0.67em;
margin-left: 0;
margin-right: 0;
font-weight: bold;}
same as for h3, h4, h5 and h6
Heading from (h1-h6) denotes the section heading. Where as the order & occurance of heading is not constrained by the HTML DTD. Always use one H1 Element on any page. Google has recommended this in the past.
Many argue that having more than one H1 per page is sensible in some instances (and HTML5 certainly allows for this). Use targeted keywords in one <h1> heading tag - and believe this is the way the W3C intended it be used.
Have never experienced any problems using CSS to control the appearance of the H tags making them larger or smaller. Use as many H2 – H6 as is necessary depending on the size of the page, but use H1, H2 & H3.
nice one
ReplyDelete