HTMLとBootstrapのh1～h6について

Question

HTMLのh1～h6タグについて
基本的にh1→ h2→h3→h4→h5→h6と
使用していくのが基本で、
bootstrapで文字の大きさを変更する際

<h1>○○</h1>でも変更できると思います。

もし文字の大きさを変更に h1～h6を使用したい場合、1番上に<h1>を使用していれば
その後h5を使用しても良いのでしょうか。

<h1>○○ </h1>
<h5>○○</h5>

それとも下記のように書くのが正しいのでしょうか。

<h1>○○ </h1>
<h2 class＝"h5"><h2>

Answer 1

見出しタグを飛ばして使うことはアクセシビリティがよくないと判断されます。
また見出しタグは文字の大きさを変えることが目的ではありません
「class="h5"」のような紛らわしい書き方は混乱の元でしょう。
（文法上は問題ありません）

Comments

[退会済みユーザー]

bootstrapで書かずにcssで文字のサイズ指定をしたほうがいいと言うことですか？

[yambejp]

質問者さんの命題は<div class="span"></div>としてspanと同じ表現にしようと
しているのに近いでしょう。これはさすがに分かりづらいということです。
classにh5というものをやめてわかりやすい適当なクラスをつければいいと思います
（結果的に修飾はcssでやることになりそうですが）

[Lhankor_Mhy]

.h5 は私も筋が悪いと思うのですが、公式で準備されているんですよねえ……

https://getbootstrap.jp/docs/5.0/content/typography/#headings

h2のスタイルをh5と併せるという意味では、意味論的な悪影響は少ないので、忌避しすぎる必要はないかもしれないです。
（そもそも Bootstrap の思想的にクラスには視覚的な意味を持たせているだけで、意味論的なものを持たせているわけではないので）

[退会済みユーザー]

皆様回答ありがとうございます。
cssでわかりやすくまとめる事にしました！