hタグの使い方を覚える!【1分でわかるHTML編】

hタグの解説HTML

こんにちはみっくです。

今回はHTMLのhタグについてのお話です。

みっく
みっく

hタグはHTMLを構造化する為にとても重要なタグです

h タグ(エイチタグ)とは

みっく
みっく

「 h」はヘディングHeading)で見出しを表します。

<h>は <h1> から <h6> まであって重要な見出しの順になっています。(h1は重要度が一番高く、h6は重要度は一番低い)

このhタグを使う事により、見やすい構造のHTML文章を作る事ができます。

メモ

hタグはブロックレベル要素です。

SEO

特にh1タグはSEO効果も高いと言われていますので、よく吟味して設定しましょう。

h タグの表示例

HTML

<h1>今日の日記</h1>
<h2>午前</h2>
<p>朝は天気がいいので、外に出かけた</p>
<h2>午後</h2>
<p>午後は雨が降ってきたので、家に帰った</p>

ブラウザでの表示

メモ

hをうまく使う事により、構造化したHTMLを記述できます。ブラウザによってはh1やh2は特に文字が大きく表示されます。

SEO

諸説ありますが、基本的にh1タグは1ページに1つ記述がオススメです。

みっく
みっく

ワードプレスではh1タグがページに1つだけに設定されている事が多いです♪

pタグを確認されたい方は、以下の記事も参考にお願い致します。

pタグの解説HTML pタグの使い方を覚える!【1分でわかるHTML編】

h タグの難易度

みっくのレビュー
難易度
 (2)

hタグは記述はシンプルですが、慣れるまで使いどころが難しく感じるかもしれません。難易度は★2つレベルです。

みっぴー
みっぴー

慣れるまでどのタイミングで使うか迷いそうですね。

h タグの使用頻度

みっくのレビュー
使用頻度
 (5)

hタグ は構造文を作るものですので、HTMLではよく使われます。使用頻度は5つレベルです。

さっぴー
さっぴー

HTMLではすべてのページを構造化していくんですね!

h タグの重要度

みっくのレビュー
重要度
 (5)

HTMLのタグの中では重要なタグの一つです。重要度は★5つレベルです。

みっく
みっく

特にh1がSEO対策としても重要と言われています。

まとめ

「 h」はヘディングHeading)で見出しを表します。

<h>は <h1> から <h6> まであって重要な見出しの順になっています。

このhタグを使う事により、見やすいHTMLの構造文を作る事ができます。

特にh1はSEOにも効果的と言われていますので、よく内容を吟味しましょう。

hタグは記述はシンプルですが、慣れるまで使いどころが難しく感じる ので、難易度は★2つレベルです。

hタグ は構造文を作るものですので、HTMLではよく使われます。使用頻度は5つレベルです。

HTMLのタグの中では重要なタグの一つです。重要度は★5つレベルです。

みっく
みっく

できるだけ構造的にもきれいなHTMLを目指しましょう♪

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です