FamilyHomeAboutContactHomeWebデザイン32歳の初心者が実践するゼロからのHTML入門:見出しタグ(h1〜h6)の使い方2017/09/05takuizm32歳の初心者が実践するゼロからのHTML入門:見出しタグ(h1〜h6)の使い方0000-takuizmです!ゼロから実践するこのシリーズは、30代の初心者がHTML入門したアウトプットです。第1回目はHTMLの基本構造について学びました。share32歳の初心者が実践するゼロからのHTML入門:HTMLの基本構造を理解するhttps://withthefamily.net/webdesign/html-master-step1/takuizmです!最近知識への欲求がすごくて、HTMLのお勉強をはじめました。HTMLやCSSなどのいわゆるフロントエンド系の技術とは全く縁のない人生です。SEですが、早い段階からPM的な仕事も多く技術的な部分がほぼ素人のためこのままでは駄目だと重い腰を上げてみまし...今回は<body>タグ内に記述する、ヘッダータグ(見出し)について学習します。<h1>や<h2>などのタグですね。最後にh1〜h6はどんなタグなのかh1〜h6は、見出しタグとも呼ばれます。(hはheaderを表すのでヘッダーとも表現されます。番号が大きくなるごとに小さな見出しになっていきます。数字が大きいほど小さな見出しであると覚えておきましょう。見出しタグはHTMLで記述すると以下の通りとなります。それぞれがどのような表示になるか確認してみましょう。上は実際にhtmlでh1〜h6を記述して表示させています。文字の大きさが違うことがはっきりとわかると思います。これはCSSなどを使用していません。ブラウザが勝手に文字を装飾しています。h1〜h6タグの使用ルール見出しタグには、いくつかのルールが存在しています。SEO効果の面も多少あるそうですが、わかり易い文章を記述するのに見出しタグは効果的です。見出しタグを使ってきれいな文章を書きましょう。各タグの順序性h1〜h6は必ず順番に使用します。文章を始めるのはNGです。論理的な文章を記述するための見出しなので、しっかりh1から記述するよう心がけます。見出しのためを意識するSEO効果が謳われていることもあり、キーワードを詰め込みたくなりますよね。最近のGoogleのクローラーは大変頭が良いようなので、意図的なキーワード詰めは嫌われる可能性があります。わかりやすい文章を表現するための見出しとして使用し、コンテンツのクオリティを上げることを意識しましょう。文章を記述する「見出しタグ」という名前の通り、それだけでは文章として成り立ちません。見出しタグだけにはせずに。その配下には必ず文章を記述しましょう。h1タグは意識しなくていい??h1タグは1記事中に1回のみ使用可能です。記事の本文中はh2から見出しを降っていく形になります。僕はこれをかなり勘違いしていました。wordpressの記事投稿でにおいてタイトルを入力したら、h1は勝手に作られています。記事本文の最初の見出しはh2から記述するようにしましょう。本文中もh1から振ってしまっていました。最後に今回はh1〜h6までの見出しタグについて学習しました。意外と盲点だったりして個人的に勉強になりました。自分でhtmlを記述してみて、h1〜h6のそれぞれの変化を確認してみるといいかもしれません。withthefamily84この記事が気に入ったらいいねしよう!最新記事をお届けします。0送るRecommendおすすめ記事2017.09.0332歳の初心者が実践するゼロからのHTML入門:HTMLの基本構造を理解するtakuizm埼玉県在住の1984年生まれ。普通のサラリーマンブロガー。Shiftを模索している。コメントをキャンセルメールアドレスが公開されることはありません。都内から2時間以内でゆったりキャンプ!毛呂山ゆずの里オートキャンプ場で親子で川遊びしよう。15views都内から2時間以内でゆったりキャンプ!毛呂山ゆずの里オートキャンプ場で親子で川遊びしよう。1,823views都内から2時間以内でゆったりキャンプ!毛呂山ゆずの里オートキャンプ場で親子で川遊びしよう。702viewstakuizmのプロフィール埼玉県在住の1984年生まれ。普通のサラリーマンブロガー。Shiftを模索している。この言葉をモットーに、色々なアクテビティにチャレンジ中。キャンプ、サーフィン、WEB関連の情報発信がメインです。有益な情報を発信していきたいと思っています。