How to make new heading tag numbers such as h7, h8, etc.?

Question

How can I make another heading in HTML?

I have used <h1>, <h2>, <h3>, <h4>, <h5> and <h6>, and now I would like to add <h7> and <h8> as I have different text types that I need to use.

If you cannot do this, is there a way to call upon CSS sheets for text, other than <p> and <h1> - <h6>?

Answer 1

You can declare this in your style sheet:

h7, h8, h9 { /* You can just go on adding headings */
   display: block; /* Because this is a block level element */
}

h7 {
   font-size: /* Whatever */ ;
}

h8 {
   font-size: /* Whatever */ ;
}

But I would suggest you not to do so, as it doesn't carry any semantic meaning. Also it will be bad from a SEO point of view.

Also take a look at html5shiv. Just add the elements you want in the script.