HTML&CSS入門「h1,h2,h3,h4,h5,h6,タイトルタグをつけよう」

スポンサーリンク
Pocket
LINEで送る

htmlにはタイトルタグというものがあります。これはページのタイトルを設定するタグでタイトルタグの重要度の関係性はh1 > h2 > h3 > h4 > h5 > h6になります。

タイトルタグを適切に設定することがSEO対策につながったりもするのでしっかり使い方を覚えましょう。

<!DOCTYPE html>
<html>
  <head>
    <meta charset=”utf-8″></meta>
    <title>html lessen</title>
  </head>
  <body>
    <h1>HTMLレッスン</h1>
    <p>htmlレッスンサイトです</p>
    <h2>HTMLとは</h2>
    <p>htmlはマークアップ言語です</p>
  </body>
</html>

スポンサーリンク

上記htmlファイルをブラウザで見ると↓

Screenshot from 2016-08-13 02-17-33

HTMLレッスンのタイトルの設定が完了しました。

タイトルを複数設定する場合は、階層をh1→h2と順番につけるようにしましょう。