ｈ１の使いかたについて教えてください。

質問

divを使った場合、こういう使い方は間違っていますか？

現在は、headerには、画像だけで、代替テキストを入れて、各ページに、h1を入れているのですが。

１、headerに、ｈ１をテキストで使って
bodyの contents divにも、ｈ１のテキストを使うことは可能でしょうか？
ｈ１は、1ページに、1回しか使えないと習ったのですが・・・
よろしくお願いします。

回答No.2

ORUKA1951 · ベストアンサー

h1からh6は、単なる見出しレベルを決めているだけです。
ですので、まったく使っても問題ありません。titlleと一致させる必要もありません。

分からないときは、へんな情報を聞く前に仕様書を確認する癖をつけましょう。
仕様書を読んだこともない自称｛先生｝も多いので注意してね。

＿＿＿＿＿＿＿＿＿＿＿仕様書(7.5.5 見出し: H1、H2、H3、H4、H5、H6要素)より
http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.5
見出しの要素は、その章・節で述べられる話題を短く記すものである。見出し情報は、ユーザエージェントによって、例えば文書の目次を自動生成するために用いられたりもするであろう。

HTMLには、最上位のH1から最低位のH6までの、6レベルの見出しがある。視覚系ブラウザは通常、より上位の見出しを大きいフォントで、より低位の見出しを小さいフォントでレンダリングする。
＿＿＿＿＿＿＿＿＿＿＿＿ここまで

　どこにもそんなことは書いてないです。

ただし、
h1→h2→h1とかh1→h3→h1はまずいという主張は存在します。
RFC1886 WAI(アクセス性指針)レベル3
http://openlab.ring.gr.jp/k16/htmllint/explain.html#heading-order

titleについては、
＿＿＿＿＿＿＿＿＿仕様書(TITLE要素 http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/global.html#h-7.4.2 より
すべてのHTML文書には、HEAD中に、1つのTITLE要素があらねばならない。

著者は、当該文書の内容を識別するためにTITLE 要素を用いる必要がある。ユーザは文脈抜きで文書を参照することがあるため、著者は文脈を踏まえたタイトルを提供する必要がある。つまり、著者は、「概説」などの文脈不明なタイトルではなく、「中世の養蜂についての概説」のようなタイトルを提供しなければならない。
＿＿＿＿＿＿＿＿＿＿＿ここまで

・・・・どこにも、headはタイトルに使用するとは書いてありません。目的は別のものです。

お礼

ありがとうございます。熟読いたします。

回答No.4

suzuko

>headerには、画像だけで、代替テキストを入れて、各ページに、h1を入れているのですが。

？？？？？
ここの「header」とは、ソースの「head」内のことでしょうか？それとも、「body」にご自分で指定した「div id="header"]内のことでしょうか？　もしかしてフレームで制作されて、「header」と「メイン」ページを作られているのでしょうか？

「head」には本来、プラウザがそのページを判断する情報のみを入れるものです。それ以外のものが入れば、音声プラウザなどかなり困った現象が起きますよ。

補足

「header」とは、ソースの「head」内のことです。

回答No.3

mokechin

こんばんは私も現在WEBについて勉強中の身です。
参考になるかわかりませんが、質問者さんの質問の意図と違ったらごめんなさい。

h1は大見出しの意味ですから見に来た人に最初に読ませるべき所
ですね。
ここには表示されたページ全体が何の情報について書かれているのかがページを見に来た人に大まかに伝わる言葉が当然入るわけです。

だから１回見れば良いわけです。

＞bodyのcontents divにも、ｈ１のテキストを使うことは可能でしょうか？

divは複数の要素をまとめてCSSで設定をしやすくなるだけで
表示には関係しません。

テキスト（文字）はｈ１内に書いたのと同じでも構わないでしょうけど、なぜまたh1で記述する必要があるのでしょうか？

もし、そのページのcontents divの題名となる部分を表示させるなら、中見出しとしてh2が使われるのが適切だと思います。

その後に段落ｐが来たり、さらに小見出しを作って内容を階層化する場合にh3.h4.h5.h6と使って行くのがルールです。
h2～h6は何回使っても大丈夫です。

要するに"ｈ"は文章を読ませる順番を教えるための物ですから
同じテキストを書こうが関係ありません。

ブラウザで表示した時に、ｈ１～ｈ６で大きさが違うのはテキストのサイズ指定するためのものではなく、見た目で違いが判断できるようにブラウザが見た目に差をつけて表示してくれているだけです。

もしcontents divの部分をｈ１と同じような表示にさせたい場合はCSS側に記述すればOKです。

お礼

ありがとうございまいした。

回答No.1

sakura5678

ｈ１は、1ページに、1回しか使えないと習ったのですが・・・

ｈ１は、一般的にはタイトルに使用するので、1つしか必要ないんです。2つあるのは、めずらしいと思いますよ。^^