web-dev-qa-db-ja.com

HTMLタグh7、h8、h9などを作成することは可能ですか？

初心者向けの質問です。 h7、h8などの見出しスタイルをさらに作成することは可能ですか？ 6つ以上の異なる種類の見出しをWebサイトに掲載できるかどうか疑問に思っています。

htmlcsshtml-heading
15
user3380148

ページに必要な要素を作成できますが、ブラウザのようなユーザーエージェントによって正しく解釈されるかどうかが問題だと思います。ブラウザを使用すると、宣言されたDOCTYPEに含まれる仕様に準拠しているかどうかに関係なく、DOMで任意に作成した要素を作成、適用、およびアクセスできます。

ただし、一般的には、深くネストされた構造を作成しないことをお勧めします。ユーザーは、そのような階層をたどることが難しいと感じます。さらに、コメントにリンクされている他の回答が指摘しているように、ページのアクセシビリティ、SEO、またはスクリプトの互換性に予期しない結果が生じる可能性があります。長い法的文書を単一のHTMLページとして投稿する場合を除いて、このような深くネストされた階層を実際に必要とするユースケースはまだ見つけていません。

7
Palpatim

HTML仕様は6つの見出しを定義しています。ブラウザは6つの見出しを認識します。 <h7>などの使用を開始すると、無効な要素が使用されます。

<h7>が必要な場合は、サイトの構造を確認する必要があります。すべてのタイトルが見出し要素に値するわけではありません。

10
Brian

一般的に言えば、見出しはいくつでも作成できますが、クラスとして定義する必要があります。したがって、整理のために6つ以上の見出しを作成する場合は、次のようにします。

.h7{
    color: #111111;
    font-size: 16px;
    text-transform: uppercase;
 }

 <p class="h7"> I'm an extra heading </p>
2
LOTUSMS