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

Question

How can I make another heading in HTML?

I have used

,

,

,

,

Answer 1

If you really need headings below the 6th level (which means that your document corresponds to a large book in structure and nesting of sections), use div elements with class attributes. (Using “custom tags” like h7 does not conform to specifications, causes problems in IE, and creates an illusion of using headings – they won’t be headings, to search engines, outline construction, etc.) Example:

Some text

(It will be difficult to style headings at 7 or 8 levels so that the level is clearly reflected in the appearance and the font sizes of topmost levels are not excessively huge.)

In theory, you could use the HTML5 section elements to define the nesting structure of parts, chapters, sections, subsections, etc. in the document and just e.g. h1 heading inside each section. By the HTML5 CR, the nesting of section elements then defines the levels of headings, so at the 7th level of nesting,

would be a 7th level heading. But even to people who generally favor HTML5, this might be rather confusing, and to make this work in old versions on IE, you would need as well assection{display:block}` plus code that formats the headings using contextual selectors.

The formulation “different text types that I need to use” suggests that you might be looking for just possibilities for styling elements. In that case, use div or p or some other elements, with class attributes as needed, as suitable for the content and structure, and do the styling in CSS.