<p><h> などの文法

[新着] Webテンプレートを仮オープンしました



0   名前: 愛浦憂馬 : 2005/10/28 13:11  [URL
ちょっと気になることがあるのですが

1・H(見出し)のないHTML文書

<body>
本文
</body>

2・H(見出し)はないが、P(段落)のあるHTML文書

<body>
<p>本文1</p>
<p>本文2</p>
<p>本文3</p>
</body>

3・本文(と自分が捉えている部分)にPが使われているが、他の部分にはPが使われていないHTML文書

<body>
<a href="">他のページへのリンク</a>
<p>本文1</p>
<p>本文2</p>
<p>本文3</p>
<a href="">他のページへのリンク</a>
</body>


は、文法上、正しいのでしょうか?

1   名前: tk : 2005/10/28 13:11
body直下にいきなり文章とかインライン要素があってはいけない様な気がするので1と3はダメだと思います。
H要素は頁毎に必須というものでもないと思います。

2   名前: 愛浦憂馬 : 2005/10/28 13:11  [URL
tkさん、ありがとうございます。

H要素は、必須というものでもないのですね
参考になりました。

>body直下にいきなり文章とかインライン要素があってはいけない様な気がするので

ということですが
以下のような例は、文法的にマッチするでしょうか

自分としては、段落をつけるならば
文字のあるところには全て<P>(段落)がないと、変な感じもするのですが
逆に、ナビゲーションリンク部分を<P>(段落)で分けるのも変かな?と思ったりして、迷ってます

4・DIV と P を分ける

<body>
<div><a href="">他のページへのリンク</a></div>
<p>本文1</p>
<p>本文2</p>
<p>本文3</p>
<div><a href="">他のページへのリンク</a></div>
</body>

5・全体をDIVで囲む

<body>
<div>
<a href="">他のページへのリンク</a>
<p>本文1</p>
<p>本文2</p>
<p>本文3</p>
<a href="">他のページへのリンク</a>
</div>
</body>

3   名前: Bill閣下 : 2005/10/28 13:11
>body直下にいきなり文章とかインライン要素があってはいけない
これは文書型によります。たとえばHTML 4.01 Transitionalでは
body直下にインライン要素を含むことができます。
http://www.w3.org/TR/html4/loose.dtd
<!ELEMENT BODY O O (%flow;)* +(INS|DEL) -- document body -->
BODY要素の開始タグは省略可能、終了タグは省略可能、
内容モデルは任意の数の%flow、例外としてINSまたはDELが使える。

dtdの読み方 - Google 検索
http://www.google.co.jp/search?q=dtd%E3%81%AE%E8%AA%AD%E3%81%BF%E6%96%B9
検索すると読み方について書かれたページがヒットします。

4   名前: Bill閣下 : 2005/10/28 13:11
>自分としては、段落をつけるならば
>文字のあるところには全て<P>(段落)がないと、変な感じもするのですが

Pを大らかに解釈して、
ナビゲーション部分をPで括るのも大いにありだと思います。
私は唐突に出てくる何かは箇条書きにすることが多いかな……。
<ul>
<li><a href="/">わくわく秘宝館の目次</a></li>
</ul>
あと、以下の文書が参考になるかもしれません。
パン屑ナビはパラグラフかも
http://members.jcom.home.ne.jp/jintrick/Personal/d20035l.html#d28_3

>4・DIV と P を分ける
>5・全体をDIVで囲む
どちらか一方を選ぶとしたら私は4番の方を選びます。
5番の方は、DIVの子供としてAとPが並列になっているのが
何となく気持ちが悪い感じがします。
4番も、<div>と</div>を取っ払ったときのむき出しのAが
何となく気持ちが悪いのですが……。

5   名前: tk : 2005/10/28 13:11
知ったかぶりましたorz

6   名前: 愛浦憂馬 : 2005/10/28 13:11  [URL
Bill閣下さん、意見と情報感謝します

やはり、色々と説が?あるのですね

>HTML 4.01 Transitionalでは
>body直下にインライン要素を含むことができます。
>ナビゲーション部分をPで括るのも大いにありだと思います。
>パン屑ナビはパラグラフかも
>どちらか一方を選ぶとしたら私は4番の方を選びます。

など、参考になりました。
お話を参考に、考えて、ページ構成してみようと思います
(dtdはまだ分かりませんでしたが)
貴重な意見ありがとうございます。

>tk さん

(僕が言うのもなんですが)
気を落とさずに・・・。
tkさんの話も、役立ちました。

一覧へ戻る