Listの中に
を入れてはダメなのですか？

Question

見映えが良いようにとグレープの後ろに
を入れました。

TOP

これで構文チェックをかけたら致命的エラーになりました。 Listの中の
ってそんなに罪が重いのですか？

ORUKA1951 · Accepted Answer

なぜ仕様書読まない!!・・　反対車線を走ったら法律違反と言われた。「反対車線走行ってそんなに罪が重いのですか？」と言われても順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#h-10.2 ) 　olもulも(LI)+ すなわちLIが一個以上(+) と書いてあり、それ以外は入れられません。　もし存在するとブラウザによって解釈は異なりますが、そこに

が書き漏らされていると判断して、

↓

と無理やり解釈しなければなりません。当然ブラウザによってこの処理は違う可能性がありますから、表示が異なる結果を招きます。

アップル
オレンジ
グレープ
TOP

てしたら、

アップル
オレンジ
グレープ
TOP

とか・・ div.nav ul li:last-child{margin:top:1em;} これだと項目がいくつ増えても最後の項目だけ行間が開く。

root8110 · Answer

No.5です。

グレープ

は、エラーにならないだけでスペースは空かない。

と重ねると空くけど見栄えのために
を重ねるのは良くないので、CSSかULを分けるかしてください。

root8110 · Answer

グレープ

と、

の中に
を入れたらエラーにならないはず。でも、見映え目的ならCSSで指定するのが推奨されます。また、TOPだけ種類が違うので、TOPだけ別のULにすれば自然と改行も入ってそちらの方がいいかもしれません。

tracer · Answer

罪ってわけじゃないけど、単なる文法ミスですね。の中にが入らないのと同じで、単にそういうルールだからです。

hitomura · Answer

「CSS を使ってデザインしてください」と言うだけなのは何なので、実際に1行分の間をあけてみました。

いつもきっちりとした回答をなさる方からは「ちゃんとした HTML を書け」と言われそうだけど、ちゃんとしたものを書いた結果内容が長くなり伝えたいポイントがわかりづらくなるよりも、質問者が知りたい要点だけを伝える最低限のものを書いた方がいいのではという考えでのサンプルなのでご容赦願います。
また質問者様におかれては、これはあくまでも簡易なサンプルで、自身のサイトに使用するにはこれをとっかかりにしていろいろと調べる必要があることをご理解願います。

<html>
<head>
<style>
li:nth-last-child(1) { margin-top:1em; }
</style>
</head>
<body>
<ul>
<li><a href="apple.html">アップル</a></li>
<li><a href="orange.html">オレンジ</a></li>
<li><a href="grape.html">グレープ</a></li>
<li><a href="index.html">TOP</a></li>
</ul>
</body>
</html>

hitomura · Answer

ul の直下には li しか入れることができません。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/ul

「見映えが良いように」というのなら CSS を使ってデザインしてください。

Listの中に<br>を入れてはダメなのですか？

なぜ仕様書読まない!!・・

No.5です。

<li><a href="grape.html">グレープ</a><br></li>

罪ってわけじゃないけど、単なる文法ミスですね。

「CSS を使ってデザインしてください」と言うだけなのは何なので、実際に1行分の間をあけてみました。

ul の直下には li しか入れることができません。

このQ&Aを見た人はこんなQ&Aも見ています

関連するカテゴリからQ&Aを探す

このQ&Aを見た人がよく見るQ&A

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング