html - 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 any way to call-upon CSS sheets for text, other then <p> and <h1> - <h6>?

Answer 1

You can declare this in your stylesheet

h7, h8, h9 { /* You can just go on adding headings */
   display: block; /* Because this is 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 SEO point of view

Also take a look at html5shiv, just add the elements you want in the script