別のヘッダーh1タグ内にh2タグをネストすることは意味的に間違っていますか?
<h1 class="fixed">
<h2 class="absolute">
Absolute Div
</h2>
</h1>
別のヘッダーh1タグ内にh2タグをネストすることは意味的に間違っていますか?
<h1 class="fixed">
<h2 class="absolute">
Absolute Div
</h2>
</h1>
「意味論的に間違っている」というのは主に意見の問題ですが (「意味論」とは「意味に関連する」という意味ですが、ここではどのような意味になるのでしょうか?)、その構成は構文的にも(形式的にも) 正しくありません。すべての HTML 仕様およびドラフトによると、h1
要素に要素を含めることはできませんh2
。
「小見出し」または見出しの二次部分のマークアップに関しては、特に提案されたhgroup
要素 (単一の見出しであるかのようにh1
followed byを使用できるようにする) に関して、激しい議論がありました。h2
実用的なアプローチは、次のようなマークアップを使用することでした。
<h1 class="fixed">
Primary heading text<br>
<small class="absolute">
Secondary heading text
</small>
</h1>
ここではクラス名を保持していますが、おそらく見出し要素をまったく使用すべきではないことを示唆しています。要素は、ページの全体的な見出しであると想定されており、要素は、ページのh1
最上位セクションの次の下位レベルの見出しであると想定されています。h2
<h>
タグはヘッダー用であり、ネストしてはならないため、そうです。
したがって、ヘッダー内にヘッダーを配置しています。通常どおり簡単に分離できます。
<h1 class="fixed">
</h1>
<h2 class="absolute">
</h2>
はい、絶対に H タグをネストできます。最高のページ SEO ランキングのためにネストすることをお勧めします。
これを行う理由は、ページに正しい見出しタグを詰め込み、表示フォーマットに必要な CSS 数値 H 設定を許可するためです。
いくつかのオプションがあります:
<h1><h2> Your heading</h2></h1>
W3C検証はこれに適合するので、W3C検証とブラウザを偽造するオプション2をお勧めします.タグ付きの Themco X-Theme を使用し[custom_headline]
ます。
これがどのように機能するかは次のとおりです。
[custom_headline type="center" level="h1" looks_like="h2"]Your Heading[/custom_headline]