0

意味的に正しい XHTML マークアップを使用するコツをつかもうとしているだけです。

小さなナビゲーション項目のコードを書くだけです。各ボタンには効果的にタイトルと説明があります。したがって、定義リストは素晴らしいと思ったので、次のように書きました

<dl>
    <dt>Import images</dt>
    <dd>Read in new image names to database</dd>

    <dt>Exhibition Management</dt>
    <dd>Create / Delete an exhibition </dd>

    <dt>Image Management</dt>
    <dd>Edit name, medium and exhibition data  </dd>
</dl>

しかし...上記を3つのボタンにしたいのですが、各ボタンにはdtとddのテキストが含まれています。正しいコードでこれを行うにはどうすればよいですか? 通常、各ボタンを div にして、それを視覚的なボタンの動作 (onHover と現在のページ選択のもの) に使用します。

アドバイスをお願いします

ありがとう

4

3 に答える 3

6 
<ul>
    <li><a href="#" title="Read in new image names to database">Import images</a></li>
    <li><a href="#" title="Create / Delete an exhibition">Exhibition Management</a></li>
    <li><a href="#" title="Edit name, medium and exhibition data">Image Management</a></li>
</ul>

それで十分です。ナビゲーションに使用<dl>するのはあまり賢くありません。または、説明とともに<span>内部を使用し<li>ます。<dd>彼らは中にいないのであなたに多くの頭痛を与えるでしょう<dt>そしてその位置とスタイリングを気にしません

于 2010-06-14T16:36:45.547 に答える
1

私はあなたの「ボタン」という用語の使用に少し混乱しています。リンクを意味する場合は、次のことができます。

<a href="dest.html" title="Read in new image names to database">Import images</a>

ただし、入力タグを意味する場合、これを行う1つの方法は、input type = imageを使用してから、代替の説明を提供することです。

例えば：

<input type="image" src="image.jpg" value="Import images" alt="Read in new image names to database"/>
于 2010-06-14T16:39:20.930 に答える
0

<label>要素の代わりに<dt>要素を使用できます。

<ul>
    <li>
        <a href="#">
            <label for="import-images">Import images</label>
            <span id="import-images">Read in new image names to database</span>
        </a>
    </li>
    <li>
        <a href="#">
            <label for="exhibition-management">Exhibition Management</label>
            <span id="exhibition-management">Create / Delete an exhibition</span>
        </a>
    </li>
    <li>
        <a href="#">
            <label for="image-management">Image Management</label>
            <span id="image-management">Edit name, medium and exhibition data</span>
        </a>
    </li>
</ul>

...要素のfor属性は、ドキュメント内の別の要素の属性と<label>一致するだけで有効になります。id

于 2010-06-14T16:44:04.407 に答える