• 締切済み

Multi-level list での質問。

htmlの初心者です。 今テキストを観ながら練習したら疑問に感じたのがあったので質問します。 シンプルなBULLETED listを使った例題で 例題1 <html> <head><title>Unordered Lists</title><head> <body> <ul> <li>This is the first item</li> <li>this is the second item</li> </ul> </body> </html> 例題2 (Multi-level list) 同じ例文を元に <html> <head><title>Unorderd Lists</title><head> <body> <ul> <li>This is the first item <ul> <li>This is a sub point</li> <li>This is another sub point</li> </ul></li> <li>This is the seond item <ul> <li>This is a sub point</li> <li>This is a another sub point</li> </ul></li> </body> </html> 最初に質問したいのが、例題1,2共通の質問。 <head><title>Unordered Lists</title><head>の 最後の<head>は、なぜ </head>ではないのか? 二つ目の質問は、 <ul> <li>This is the first item <ul> <li>This is a sub point</li> <li>This is another sub point</li> </ul></li> の最後の</li>。 違いが知りたくて</ul>だけで</li>なしの場合と 両方</ul></li>でやってみましたがbrowser上の表記は 同じでした。 multi-level のリストでは必ず</li>も忘れずつけなければ問題がでるのでしょうか。教えてください。

みんなの回答

noname#107580
noname#107580
回答No.3

>The <b>bold</b> element and the <strong>strong</strong>element are the same.<br/> この<br/>はどんな文の時使うのですか? <br /> はXHTMLでの改行の書き方です。 HTMLでは<br>だけですが、XHTMLでは<br>とか<img>のような空要素も閉じなくてはなりません。 <br></br> と <br/>という書き方がありますが、古いブラウザには <br /> (半角スペースが入っています)という記述が無難だということです。 <img>は <img src="aaa.jpg" height="**" ・・alt="aaa" /> という感じになります。 これが載っていた本は最初の質問の本と同じものでしょうか? XHTMLではタグの省略は出来ないので、前回の</ul>が省略されていたのはおかしいことになりますが・・

すると、全ての回答が全文表示されます。
noname#107580
noname#107580
回答No.2

こんにちは! 1.の方は単純なただの間違いだと思います。 2.の方は</li>などは省略可能だったと思いますが、最後の</li>がおかしいのではなくて 最後に</ul>を追加すれば分りやすいと思います。 <ul> <li>This is the first item <ul> <li>This is a sub point</li> <li>This is another sub point</li> </ul> </li> </ul> 最後の</li>は2行目の<li>と対になっています。 <ul><li>~</li></ul>の間にもう一組<ul><li>~</li></ul>が入れ子になっています。

Alicechan
質問者

補足

回答ありがとうございます。 ><ul><li>~</li></ul>の間にもう一組<ul><li>~</li></ul>が入れ子になっています・ よく分かりました。 疑問がとれました。嬉しいです。 もう一つ 質問してもいいですか? <br/>の件です。 私の本に The <b>bold</b> element and the <strong>strong</strong>element are the same.<br/> この<br/>はどんな文の時使うのですか?

すると、全ての回答が全文表示されます。
  • picoco
  • ベストアンサー率40% (12/30)
回答No.1

> <head><title>Unordered Lists</title><head>の > 最後の<head>は、なぜ </head>ではないのか? これは、参考にしたテキストの誤記載だと思います。 正解はAlicechanさんが考えられたとおり、 <head><title>Unordered Lists</title></head> になります。 > multi-level のリストでは必ず</li>も忘れずつけなければ問題がでるのでしょうか。 これは、文法の問題ですね。 IE(InternetExplorer)は表記の省略に関しておおらかなブラウザで、Tableセルの閉じる記号(<td></tr>など)や</body>などが省略されていても、存在するものとして自動的に補完して表示します。 ですから結果的には、あってもなくても同じように正常に表示出来ることになります ですが、世の中には色々なブラウザがあり、それぞれに省略に対する解釈が違います。 ものによっては、閉じるタグが省略されているとその<li>を丸ごと無視して非表示にしてしまうブラウザもあります。 W3Cが定めた正しい文法に添っていなければ、ブラウザによって見え方がまちまちになってしまうことが多いので、忘れずに閉じるようにしてください。

Alicechan
質問者

お礼

テキストの間違えってあるんですね。初めて取り組む者にとって大変です。 ブラウザによって省略の解釈が違うようですね。お答えありがとうございます。  もう一つ質問です。 The<b>bold</b> element and the <strong>strong</strong>element are the same.<br/> の<br/>はどういう意味ですか?

すると、全ての回答が全文表示されます。

関連するQ&A