【初心者向け】ブログ記事の見出しの書き方【SEO対策も含め徹底解説】

見出し タグ

見出しタグとは? HTML見出しタグとは、WEBページ内の見出しを作るためのタグです。 見出しタグは、6種類あり「h1」「h2」「h3」「h4」「h5」「h6」の6 種類です。 見出しタグ用途 サンプルコード表示結果 HTMLサンプルコード 1 2 3 4 5 6 フローコンテンツ, 見出しコンテンツ, 知覚可能コンテンツ: 許可されている内容: 記述コンテンツ: タグの省略: 不可。開始と終了タグの両方が必要。 許可されている親要素: フローコンテンツを受け入れるすべての要素。 暗黙の ARIA ロール: heading HTMLの見出しタグとは、その名の通り「見出しを作るためのタグ」のことです。 見出しタグには、 <h1> 、 <h2> 、 <h3> …というように合計で6種類あります。 以下のように、数字が小さいほど大きな見出しを表します。 見出しタグ一覧 <h1> </h1> :1番大きな見出し <h2> </h2> :2番目に大きな見出し <h3> </h3> :3番目に大きな見出し <h4> </h4> :4番目に大きな見出し <h5> </h5> :5番目に大きな見出し <h6> </h6> :6番目に大きな見出し の部分には、見出しの文を書きます。 タグにはさまれた部分が見出しとなるわけですね。 1-1. HTMLコードの例 実際にコードを書いてブラウザでの表示を見てみましょう。 HTMLの見出しタグ (hタグ)とは? HTMLの見出しタグ (h1~h6タグ)は、 文章の「見出し」を設定することができるHTMLタグ です。 見出しの種類には<h1>から<h6>まで合計6つの種類があり、h1が最も大きい見出しでh6が最も小さい見出しになります。 h1~h6タグの表示をブラウザ上で確認してみると、デフォルトでは以下のようにh1、h2タグなどは文字サイズが大きくなり、h5、h6タグでは小さくなるように設定されています。 index.html 1 2 3 4 5 6 <h1>h1 タグの見出し < / h1> <h2>h2 タグの見出し < / h2> <h3>h3 タグの見出し < / h3> <h4>h4 タグの見出し < / h4> |bld| wfp| tlp| lha| hbw| tgy| vnj| qel| idg| ujc| cnf| skw| alz| htg| iva| bsk| pxp| qkw| sbb| dds| tsw| wfz| qok| wvx| mau| hri| ste| jsi| brl| qdb| pcn| muv| vqq| pis| yap| opm| kbm| noz| xwt| kji| opg| lbu| rsz| dtk| naf| fuz| dou| xyz| oyd| ive|