ulやliの記述方法について

質問

よろしくお願いします。
まず、htmlに以下の記述をしました。

<ul class="ulfont">
<li>ああああああああああああああああああああああ<br />いいいいいいいいいいいいいいいい</li>
<li>うううううううううううううううううううううう<strong>おおおおお</strong>かかか・・</li>
<li>ががががががが<strong>ほげほげ</strong>ののののの！！</li>
</ul>

htmlチエッカーを実行したところ以下のように警告が出てしまいました

<ul>〜</ul> 内に普通のテキストを書くことはできません。
何が原因なのかよくわかりません。
ご指導の程よろしくお願いします。

回答No.5

abril · ベストアンサー

No.4です。連続投稿で失礼致しますが、今思ったんですけどもしかして、<ul class="ulfont">～</ul>内の<li>～</li>の”外”の箇所に「全角スペース」が紛れていませんか？

例えば、下記の様な箇所です。全角スペースの替わりに視覚的にわかりやすい様に□で示してあります。

<ul class="ulfont">□
□<li>ああああああああああああああああああああああ<br />いいいいいいいいいいいいいいいい</li>□
□<li>うううううううううううううううううううううう<strong>おおおおお</strong>かかか・・</li>□
□<li>ががががががが<strong>ほげほげ</strong>ののののの！！</li> □
□</ul>

これだと、質問者様が今直面しているのと全く同じ「<ul>～</ul> 内に普通のテキストを書くことはできません。 → 解説 73」というエラーメッセージになります。

お礼

abril様
この度は、ありがとう御座いました。
ご指導どうり、どうやら<li>の前後、</li>の前後にスペースが入っていたようです。
この度は、お世話になりまして深く感謝申し上げます。
本当にありがとう御座いました。

回答No.4

abril

使用されたチェッカーはAnother HTML-lint、ですね。

> &#12316とは"波ダッシュ"のことです。チルダに似てるやつ。
> <ul></ul>の間のどこかに隠れていませんか?

これは違いますね。Another HTML-lintでの本来のエラーメッセージ中では「～」と表示されていたものがこちらにコピペで投稿する際に、「〜」に置換されてしまっただけですので。なので、<ul></ul>の直下に「～」がある、というエラーメッセージではないです。

> <ul>～</ul> 内に普通のテキストを書くことはできません。

質問文のソースを見る限りは文書構造に間違いはありません（ulの直接の子要素がliのみになっている）ので、おそらく、コピペではダミーのテキストに置き換えていますが、<ul class="ulfont">～</ul>内の「本来の」コンテンツのどこかにチェックに引っかかる様な記述がされていると推測されます。この<ul class="ulfont">～</ul>のソースだけなら、オリジナルを”そのまま”抜粋しても（こちらのルールに違反する様な）支障はないのでは、と思いますので、一度それを公開されてはいかがですか（個人名とかあれば勿論そこだけは伏せ字にすべきですが）。

＃ちなみに、質問者様の過去の質問履歴や【質問番号：5121295】を見る限り、XHTML 1.0 TransitionalでHTMLドキュメントを制作されている様ですので、<br />の記述も問題はないです。

回答No.3

xs200

&#12316とは"波ダッシュ"のことです。チルダに似てるやつ。
<ul></ul>の間のどこかに隠れていませんか?
質問のhtmlがコピーペーストされたものならエラーはありません。

回答No.2

grumpy_the_dwarf

HTMLには<br />なんてものはないから、通らなくても仕方が無い。
xhtmlで確認しましょう。

回答No.1

dct18

ブロックとインラインが接触してないので合ってるはずです
チェッカーが間違ってる/古い、もしくはチェッカーの診断タイプを誤っています
他のチェッカーで試してみて下さい