0

HTMLを検証した後、このエラーが発生します。

行18、列60：ドキュメントタイプでは、ここでは要素「div」を使用できません。「object」、「applet」、「map」、「iframe」、「button」、「ins」、「del」のいずれかが欠落しています-タグ

 <a href="index.html"><div class="item" id="home"><br />

'a'タグでDIVを使用することは許可されていないと思いますが、目的のビューを取得するには、ここでdivでない場合は、レイヤーを使用する必要があります。divの代わりに何を使用できますか？

エラーメッセージには次の行が含まれます。

このメッセージの考えられる原因の1つは、ブロックレベルの要素（「

インライン要素（ ""、 ""、 ""など）内の"または""）。

次の行に別のエラーメッセージが表示されます。

<a class="img" href="#"><li>Item 1</li></a>

<li> </li>タグ内でタグを使用することはできないと思います<a> </a>が、この場合は使用する必要があります。何を提案しますか？

4

3 に答える 3

3

<span>代わりに使用してください。これは合法です。

于 2013-03-05T13:21:54.800 に答える
2

<span>aとaの唯一の違いは、<div>a<span>がdisplay:inline;デフォルトで要素であり、デフォルトで要素<div>であるというdisplay:block;ことです。

インライン要素（）内でインライン要素を使用する必要があります<a>。これは、ブロック要素を内部に含めることは意味がないためです。インライン要素はページの「フロー」を続行しますが、ブロック要素はフローを中断します（つまり、次の行に移動します）。

通常、これらの状況では<span>、問題なく使用できます。

編集：あなたの<a>要素をdisplay:block;作ることはあなたの問題も解決します。

編集：タグ<li>内にあることは実際には有効なHTMLではありません。タグはaまたは。のいずれかに含まれている必要があります。<a><ul><ol>

正常に機能するいくつかのオプションがあります。追加のCSSは必要ありません。

<a class="img" href="#">
    <span>Item 1</span>
</a>

または

<div>
    <a class="img" href="#">Item 1</a>
</div>

または

<ul>
    <li>
        <a class="img" href="#">Item 1</a>
    </li>
</ul>
于 2013-03-05T13:22:27.677 に答える
0

検証する唯一の方法は、この前の投稿で説明したように、DoctypeをHTML5に変更することです。

有効なHTML：'a'要素内のul、p、div

お役に立てれば。

于 2014-04-22T15:29:53.003 に答える