• ベストアンサー

h1などのタグ

よろしくお願いします。 見出しを表示するときに、<h1>~<h3>を使っています。ある本によれば、いきなり、<h3>を使ってはいけいとかいてありました。つまり、h1 h2 h3 と順番にしないと。しかし、時には、h1では大きいので、h3だけを使ってしまうこともあるのですが、これはよくないのでしょうか? なにか不都合なことになるのでしょうか?

  • HTML
  • 回答数3
  • ありがとう数1

質問者が選んだベストアンサー

  • ベストアンサー
回答No.3

実はこれは、考え方(視点)によって違ってきます。 理由は、ブラウザにより振る舞いが異なる為です。 基本は、HTMLはテキストの構造を表すもので、H1, H2, H3・・・ は見出しでありその重みを表すものです。大きさは単にブラウザがその重みを見た目で表しているだけです。 故に表示の大きさを理由にタグを選ぶのは、そのテキストの意味を正しく伝えられないという事になります。 これは見た目が関係ないテキストブラウザや音声読み上げ装置, 検索サイトなどで影響がある可能性があります。 また、ブラウザによって振る舞いが異なる為、確認したブラウザとは異なるブラウザで意図しないデザインになってしまう可能性もあり、その場合はその見た目からもテキストの意味が望む様に伝わらなくなります。 その様な時の為にも、見た目が意図に反しても意味が適切に伝わる様に、テキストの意味を理由としてタグを選ぶべきなのです。 よって、大見出しがなく小見出ししかないのは変との考えからH1タグから使うべきとの指摘があるのでしょう。ただこの指摘は少々記号的で、もしそのページに大見出しがなく小見出ししかないのは意味的に適切であるのならばH3タグだけでもなんら問題ありません。 と、ここまでか基本,意味の上での問題で、 現実にはデザインを考え大見出しでも小さめにしたいとか大きさの問題があると。 で、これを意味の上で考えるとデザインはスタイルシートでという事でスタイルシートでサイズを指定するべきなのですが・・・。 ここでまたブラウザによって振る舞いが異なる事が問題に・・・。一概にスタイルシートでデザインをとは薦められないのが・・・。 以上の様な事から、意味的にはよくない(場合もある)が現実問題としては・・・ という様な程度の事です。

genkigan
質問者

お礼

回答いただいたみなさんへ 回答いただき、ありがとうございました。たしかにCSSで文字の大きさなどを調節すればいいのですが、じつはHPには1つCSSを使っていて、今回、こまっているページ(約10ページ)だけそのCSSの定義ではデザイン的によくないので、h3からはじめようと考えたのです。ただ、そのためだけにCSSを別にするのも面倒だし、HP全体の統一性も損なわれるので、どうすればいいかと思っていたのです。考えた結果、やはり少々おかしくなるとはいえ、h1からはじめることにしました。ありがとうございました。

その他の回答 (2)

  • acacia7
  • ベストアンサー率26% (381/1447)
回答No.2

もともとHTMLはテキストの論理的な構造に印をつける言語であって表示形式は二の次でした。 ところが後から見た目を気にする傾向が出てきたため、HTMLに見た目についての規定が追加されていったわけです。 その後やはり見た目はHTMLの仕事ではないということになり見た目はCSS等に任せ、HTMLは論理構造に特化する方向で変更が加えられています。 で、何故h3から始まっていけないかと言えば、h1から順に、「大見出し、中見出し、小見出し」という風に定義づけられているため突然小見出しから始まるというのが論理的におかしいからです。 文字の大きさ等で困るのであればCSSをつかってH1の文字の大きさを再定義すればよいわけです。 CSSについてはとほほのWWW入門でも見てみてください。

参考URL:
http://www.tohoho-web.com/www.htm
回答No.1

よくないことはないと思います。 ただし、それはGUI環境における話であって、Lynxなどのテキストブラウザ、音声読み上げ装置などを使用した場合、タグ構造がうまく認識できない場合があります。 フォントの大きさはブラウザ依存なのでIEでちょうどよいサイズでも、他のブラウザ(Firefoxなど)でみると違う大きさになることはよくあります。 大きさにこだわるのであれば、スタイルシートを使用するといいでしょう。 スタイルシートの詳細は割愛させていただきますのであしからず…

関連するQ&A

  • hタグを使わずに小見出し

    hタグは h1,h2,h3,h4 の順に書くべきだと分かってはおりますが、 例えば以下のように、大きいコンテンツの中でh2ブロック→h3ブロックと続き、 h2ブロックは、いわゆるコンテンツの中の序章です。 その際、序章の中の小見出し(<●●●>部分)のタグはどうするのが適当でしょうか。 <h2>の中にいきなり<h4>は変ですよね。 <h2>の中の見出しも<h3>でしょうか? そうした場合、<h2>の中にある<h3>と後から出てくる<h3>ブロックが 同レベルだと認識されてしまいませんでしょうか。 それとも<p>、<strong>、<div>等が適当でしょうか? -------------------------------------- <h1>第1の見出し</h1> <div id="contents">  <div class="section">   <h2>第2の見出し</h2>   <●●●>第2に関連する小見出し</●●●>    <p>テキストテキストテキスト</p>   <●●●>第2に関連する小見出し</●●●>    <p>テキストテキストテキスト</p>  </div>  <div class="section">   <h3>第3の見出し</h3>    <p>テキストテキストテキスト</p>   <h3>第3の見出し</h3>    <p>テキストテキストテキスト</p>  </div> </div> -------------------------------------- 検索してもみたのですが「hタグは順番通りに書くべし」といった記事ばかり引っかかり うまく見つけられませんでしたので、ここに質問させていただきます。 また、分かる方には基本なことかもしれませんが、 私も一応調べ、それでも分からなく質問しておりますので 「こんなこと基本的なこと」や「もっと勉強しろ」等の 攻撃的な文言は避けて頂きたくお願いします。

    • ベストアンサー
    • CSS
  • h1、h2タグの付け方について教えて下さい

    h1、h2タグの使い方について質問させて下さい。 h1、h2タグがseo対策に有効であり、かつ見出しの大きい順にh1、h2と使っていくものだという事はわかりました。 フォルダ内に CSS書類を作ってこれを添付したいのですが、以下のような場合、h1、h2タグの設定はどうしたらよいでしょうか。ソフトはDreamweveMX2004使用。タグ打ちだけでは作れないので、Dreamweverで書き込んだソースを必要に応じて書き直し等しています。 【ホームページの構成】 ・index.htmlページはFlashで作った、swfファイル一つと(C)表示の一文のみ。swfファイル中のENTERボタンで2ページ目にリンク。 ・2ページ以降は同じパターンのページが、上部メニューバーで5ページ各リンク。(2挨拶、3商品説明、4アクセス~など) ・2ページ以降は各ページのタイトルバーの形が同じなのでこれに見出し設定をしたい。タイトルバーは文字色、余白などは全て同じだが、背景色のみ各ページごとに変えている。(教えて!gooの紺色地に白抜き文字のような形です。各ページごとに紺色地が別色になります) 【質問】 ・h1はindex.htmlに設定すると思うのですが、テキストは(C)の一行しかありません。他のページでは最下部に(C)表示を置きます。h1はどこに設定したら良いですか?画像にh1を設定する事があると聞きますが、swfにh1を設定することになるのでしょうか? ・タイトルバーはDreamwever/新規CSS/セレクタタイプ/タグ/h2で共通の文字色、文字サイズ、ボックスなどを設定して背景色のみ、各ページ設定する。この場合、2ページ以降はh1タグが無くなってしまいますーこの形は正しいでしょうか? ・hタグの使い方を考えるとサイトの構成に問題があったと思いますが、この構成で作ることになってしまいました。CSS添付ではなく各ページ毎に設定するべきなのでしょうか。もしそうならその時のh1,h2はどう設定したらよいでしょうか? どうか方法を教えてください。よろしくお願いいたします。

  • <h2>タグを使うと…

    <h2>見出し</h2> 文章~ にすると見出しと文章の間に結構スペースが空いてしまいます。どのようにすればこのスペースが埋まるのでしょうか…?超初歩的な質問ですみません(>_<)

    • ベストアンサー
    • HTML
  • <h1>というタグについて

    <h1>というタグは見出しのような表現で大きい文字になると思うのですが、検索エンジンにかかってもらうためには<h1>が必須だし、ただ文字が大きいのはかっこわるいと思うのです。 <h1>でありながら文字をそこそこの大きさにおさえる方法はないでしょうか。 よろしくお願いいたします。 事情がありましてけっこう急いでおります。

  • 見出しタグについて <h>

    見出しタグ <h1> <h2> ・・・ についてなのですが、読んで字のごとく見出しなので、例文などは、 <h1>今日は火曜日</h1> など短い語句で書いてありますが、 <h2>今日はなんといいますか、月曜日の次はたまた水曜日の前の、あっちっちーな火曜日です。</h2> みたいに文章を囲っても問題はないのでしょうか?(スパム行為?) 少し気になりましたので、簡単かもしれませんが質問いたしました。よろしくお願いします。

    • ベストアンサー
    • HTML
  • H1 タグの行間

    いつもお世話になっています。 早速ですが、H1 H2 タグを使用したときなどにテキストの下に行間ができてしまいます(見出しタグだから仕方ないかもしれませんが)。 この行間を調整するタグなどあるのでしょうか? また補足として、見出しタグはあまり文字の大きさなどは検索エンジン対策上加工しないほうがよいのでしょうか? 宜しくお願いします。

  • h1~h6要素の背景色が範囲外までなってしまう

    見出しの要素の背景色を「#ddffdd」にしたところ、<h3>~</h3>の部分だけでなく<p>~</p>の部分まで背景色が適用されてしまいました。 背景色は、見出し要素(h1~h6)にしか指定していないのですがなぜでしょうか? 回答よろしくお願いします。 ソースは一部省略していますが、次の通りです。 ■HTML <div class="kukaku4"> <h3>■説明</h3> <p>文章1<br />文章2<em>重要</em>。</p> </div> ■CSS h2, h3 { color: blue; background-color: #ddffdd; }

    • ベストアンサー
    • HTML
  • ブログでのHタグの使い方について

    ブログでのHタグの使い方についてわからないことがあります。FC2のブログを利用しています。 ブログのデザインテンプレートにh1~h4までが使われているのですが、記事中に見出しとしてHタグを使いたいと考えています。 その場合なにか問題などありますでしょうか?

  • html5 sectionタグのアウトライン

    html5でsectionタグでワードのアウトラインの様に、 インデントし段違いに表示させることが可能だということは知っています。 ただ、sectionタグを連続で書いただけでは、 段違いに表示させることが不可能だということもわかりました。 CSSで、段違い表示させることが可能だとは わかったのですが、CSSにどのように記述すれば 段違いにできるのかわかりません。 ご教授願えないでしょうか よろしくお願いします。 ==HTML5== <body> <h1>大見出し1-1</h1> <section> <h1>中見出し2-1</h1> </section> <section> <h1>中見出し2-2</h1> <section> <h1>小見出し3-1</h1> </section> <section> <h1>小見出し3-2</h1> </section> </section> <section> <h1>中見出し2-3</h1> </section>

    • ベストアンサー
    • HTML
  • ブログの見出しH2タグの事でお尋ねします。

    SEO勉強中の初心者です。ブログのタグの事でお尋ねします。 ブログ記事のタイトルに「見出しH2タグ」が使われているのですが、例えば記事を10記事書いて トップページに10記事表示させた場合トップURLに「見出しH2タグ」が1個以上使われた事になって 検索エンジンから嫌われたりしませんか? 詳しい方どうぞ宜しくお願いします。

    • ベストアンサー
    • HTML

専門家に質問してみよう