0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

Qiitaで見出しレベル(h1〜h6) と 右側メニューの表示のされ方

Last updated at Posted at 2021-03-10

記事タイトル:「Qiitaで見出しレベル(h1〜h6) と 右側メニューの表示のされ方」
h6までページ内リンクになる。

※右側メニュー(ページ内リンク)の表示のされ方を見るためなので 下記で言及しているh1と記事タイトルとの同一性は無視

  • h1〜h6はそれぞれhtmlでいう<h1><h6>タグ相当
  • htmlで記事タイトル<title>タグ = Qiita投稿記事の『タイトル』

htmlでは1つの記事につき h1は1つが推奨で (これはSEO的な側面 )
 それに倣う書き方をするとしたら:〈h1見出し1つ〉
 ■case1 <title>内容 = <h1>内容、となり推奨でもある(ハズ)。
 備考) htmlやSEOをかじったりしてるとここら辺が気になる ≪私見です≫

 特に意識しない書き方をするなら: 〈h1見出し複数可〉
 ■case2 <title>内容 ≠ <h1>内容、となる。
 備考) 内容がhelp記事etcのような性質のものならこの書き方が合ってるかも ≪私見です≫

実際は <title><h1>も、<title><h1>も、エラーというわけではない。多分GoodかNG(NotGood)かのちがい…??
 備考) 「case1」であっても「case2」であっても、だ

h1見出し

ここはh1見出しの本文。特に見出しの頭に何もつけない書式/書き方(prefixなし)

h2見出し

ここはh1見出し > h2見出しの本文

h3見出し_1st

ここはh1見出し > h2見出し > h3見出し_1stの本文

h3見出し_2nd

ここはh1見出し > h2見出し > h3見出し_2ndの本文

h4見出し

ここはh1見出し > h2見出し > h3見出し > h4見出しの本文

h5見出し

ここはh1見出し > h2見出し > h3見出し > h4見出し> h5見出しの本文

h6見出し

ここはh1見出し > h2見出し > h3見出し > h4見出し > h5見出し > h6見出しの本文



■ h1見出し

ここは■ h1見出しの本文。見出しの頭に何かしらマークつける書式/書き方(prefixあり)。マークは何でもいい(=任意)、おそらく絵文字でもいい。マークを同じやつに揃えてもいいし、揃えなくてもいい。この例では見出しレベルによって適当に変える。

★ h2見出し

ここはh1見出し > h2見出しの本文

☆ h3見出し_1st

ここはh1見出し > h2見出し > h3見出し_1stの本文

☆ h3見出し_2nd

ここはh1見出し > h2見出し > h3見出し_2ndの本文

○ h4見出し

ここはh1見出し > h2見出し > h3見出し > h4見出しの本文

※ h5見出し

ここはh1見出し > h2見出し > h3見出し > h4見出し> h5見出しの本文

※※ h6見出し

ここはh1見出し > h2見出し > h3見出し > h4見出し > h5見出し > h6見出しの本文



1. h1見出し

ここは1. h1見出しの本文。 技術書関連とかhelp項目関連とか『理系のヒトが書いたな…!』と感じる見出しの書式/書き方 ≪私見です≫
⚠️ 「- (ハイフン)」と「_ (アンダーライン)」は入れ替えた表示かも…??
⚠️ 「. (ドット)」のところは「: (コロン)」だったりするかも…??

1_2. h2見出し

ここは1. h1見出し > 1_2. h2見出しの本文

1_2_3-1. h3見出し_1st

ここは1. h1見出し > 1-2. h2見出し > 1-2-3. h3見出し_1stの本文

1_2_3-2. h3見出し_2nd

ここは1. h1見出し > 1-2. h2見出し > 1-2-3. h3見出し_2ndの本文

1_2_3_4. h4見出し

ここは1. h1見出し > 1_2. 見出し > 1_2_3. h3見出し > 1_2_3_4. h4見出しの本文

1_2_3_4_5. h5見出し

ここは1. h1見出し > 1_2. 見出し > 1_2_3. h3見出し > 1_2_3_4. h4見出し > 1_2_3_4_5. h5見出しの本文

1_2_3_4_5_6. h6見出し

ここは1. h1見出し > 1_2. 見出し > 1_2_3. h3見出し > 1_2_3_4. h4見出しの > 1_2_3_4_5. h5見出し > 1_2_3_4_5_6. h6見出しの本文



■ h1見出し

ここは■ h1見出しの本文。右側メニュー的にはいいかもだけど実際の見出し表示で以下の書式/書き方は、…、…ナイかな! ≪私見です≫

└ h2見出し

ここは■ h1見出し > └ h2見出しの本文

├ h3見出し_1st

ここは■ h1見出し > └ h2見出し > ├ h3見出し_1stの本文

└ h3見出し_2nd

ここは■ h1見出し > └ h2見出し > └ h3見出し_2ndの本文

└ h4見出し

ここは■ h1見出し > └ h2見出し > └ h4見出しの本文

└ h5見出し

ここは■ h1見出し > └ h2見出し > └ h4見出しの本文 > └ h5見出しの本文

└ h6見出し

ここは■ h1見出し > └ h2見出し > └ h4見出しの本文 > └ h5見出しの本文 > └ h6見出しの本文

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?