0

リストをメニューとして作成するときに、タグ<li>とタグの正しい順序があるかどうか疑問に思っていました。<a>つまり、すべてのリスト項目もリンクになります。

現在、私のページには画像とテキストのリストが混在しています

    <ul id="controls" class="menu-options hidden">
        <li><img title="Line Status" src="img/live.png" /></li>
        <li><img title="Station Information" src="img/info.png" /></li>
        <li><img id="direction-button" title="Route Finder" src="img/direction2.png" /></li>
        <li><img title="Show on map" src="img/find.png" /></li>
    </ul>

このために、liアイテムのクリックでアクティブになるように応答を設定しました

        <ul class="hidden">
            <a class="active" href="#"><li>Line Status</li></a>
            <a href="#"><li>Station Notifications</li></a>
            <a href="#"><li>This Weekend</li></a>
        </ul>

そして、これで、アイテムのクリックでアクティブになるように応答を設定しました。

私は自分のコードを整理中ですが、すべてのインタラクティブな画像/テキストを<a>タグでアクティブにすることをお勧めします。したがって、問題は、私のリストが次のように見えるかどうかです)

        <ul>
            <a href="#"><li>content</li></a>
            <a href=""><li>content</li></a>
        </ul>

または b)

        <ul>
            <li><a href="#">content</a></li>
            <li><a href="">content</a></li>
        </ul>
4

2 に答える 2

1

liの唯一の子である必要があるため、後者を使用し、アンカー タグにula を設定して li 要素を埋めます。display:block;

<ul>
  <li><a href="#">content</a></li>
  <li><a href="">content</a></li>
</ul>
于 2013-10-04T16:39:56.727 に答える