2019.02.03こんにちは、ゆんつです。HTMLのタグにhタグというものがあります。いわゆる「見出しタグ」といわれるものです。僕は長らくこのhタグを文字の大きさを調節し、さらに文字を装飾するものだと思っていました。ブログ開設からしばらくは「ここは字を小さく地味にしたいからh4くらいにしよう」とか「ここは字を大きくして目立たせたいからh2だな」みたいな感じの使い方をしていました。ゆんつ知らないというのは恐ろしいものですしばらくしてフォントサイズというもので文字の大きさを設定することができることを知り「どうやらhタグは字の大きさを調節するために使うものではなさそうだ」と感じて、そういう使い方はやめましたが今でもはっきりとした使い方があまりわからずに結構あやふやな状態で使っています。今日は見出しタグについて勉強したいと思います。見出しタグとは実際に使ってみる見出しタグの使い方のポイントスッキリ書く使う順番を守るデザインのために使わないh1は1ページに一個が良いまとめ見出しタグとはその名の通り文章の見出しになるものです。h1~h6まで存在し、h1が最も大きな見出しとなりh6が最も小さい見出しになります。数字が小さいほど見出しとしての重要度が高くなります。使用しているブログのテーマやプラグインよっては、見出しタグを元にして目次を自動的に作成してくれることもあります。僕の使っているテーマ「Cocoon」は見出しを利用して自動で目次を作成してくれます。実際に使ってみる<h1>h1です</h1><h2>h2です</h2><h3>h3です</h3><h4>h4です</h4><h5>h5です</h5><h6>h6です</h6>CSSでフォントのサイズを指定しなくても、重要なものほど大きく、そうでないものほど小さく表示されます。見出しタグの使い方のポイントスッキリ書くhタグはあくまでも見出しなので、後に続く文章に何が書かれているのかを端的に記す必要があります。長文になるようなものは良くありません。見出しタグの中身はスッキリ書いて、その後にpタグなどを使って詳細な内容を書くようにします。使う順番を守る見出しタグはh1から順次使っていきます。...もちろんh2、h3、h4ときて再びh3やh2に戻ったりするのは構いませんが、タイトルにh1を使って、その次の見出しタグがいきなりh4というような順番を守らない使い方は良くない使い方です。デザインのために使わない字の大きさの調整などのデザイン目的で見出しタグを使ってはいけません。ゆんつ僕がやってたことですあくまでも後に続く文章の「見出し」として使い、デザインはCSSで整えます。h1は1ページに一個が良いh2~h6までの要素は何度でも使って良いのですが、h1だけは1ページに1個にした方が良いようです。伝えたい大事な部分をh1にするので、1ページに何個もh1があっては混乱してしまいますからね。僕のブログの場合はタイトルは自動的にh1になります。本文ではh1は使わずにh2から使っていきます。h1を1ページに複数使ったからと言ってペナルティはないみたいですが、原則的には1ページに1個がいいみたいです。まとめ以上見出しタグについて現在の僕が覚えたことを一通りまとめました。h1は1ページ1個とうこと念頭に置いて見出しタグを使っていきたいと思います。それでは、またですー。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。コメントデータの処理方法の詳細はこちらをご覧ください。プロフィールこっそりゆんつ山口県在住です。Reserved.メニューHOMEプロフィールお問い合わせホーム検索トップサイドバープロフィールこっそりゆんつ山口県在住です。(17)エックスサーバーで。