1

2 つのリンクを上下に縦に表示するには、どの方法が適していますか? コンテンツ ページ内 (ナビゲーションとしてではない)。

これ(弾丸はいらないけど)

<p>
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
   Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
   when an unknown printer took a galley of type and scrambled it to make a 
   type specimen book.
</p>
<ul>
   <li><a href="#">Link 1</a></li>
   <li><a href="#">Link 2</a></li>
</ul>

これ

<p>
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
   Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
   when an unknown printer took a galley of type and scrambled it to make a 
   type specimen book.
</p>
<p><a href="#">Link 1</a></p>

<p><a href="#">Link 2</a></p>

またはこれ

<p>
   Lorem Ipsum is simply dummy text of the printing and typesetting industry. 
   Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 
   when an unknown printer took a galley of type and scrambled it to make a 
   type specimen book.
</p>
<p> <a href="#">Link 1</a> 
    <br />
   <a href="#">Link 2</a>
</p>
4

5 に答える 5

4

表示目的でどのマークアップを使用するかについて心配する必要はありません。それが CSS の目的です。上記の例はすべて、必要に応じて簡単にスタイルを設定できます。コンテンツが何であるかを判断し、適切にマークアップする必要があります。

マークアップはコンテンツを説明していることに注意してください。これはグループ内で意味を持つリンクのリストですか? そのマークアップは関連するもののリストを記述するため、次にリストを使用します。リンクの内容は無関係ですか? 次に、リストは相関を意味するため、リストを使用しないでください。

セマンティクスは、非常に主観的な性質のため、判断が難しい場合があります。そうは言っても、コンテンツをセマンティックにマークアップしてから、プレゼンテーションのニーズに合わせて CSS を使用する必要があります。

于 2010-03-09T13:32:03.763 に答える
2

意味的に、またスタイリングを簡単にするために、最初のオプションを使用します。

箇条書きが必要ない場合は、箇条書きLIなしでスタイルを設定します ( list-style-type:none)。

于 2010-03-09T13:29:34.333 に答える
2

それは完全に文脈、IMOに依存します。リンクがメニューにある場合は、順序付けられていないリスト アプローチを使用します。それらが論理的に分離されている場合は、それぞれを独自のコンテナーに入れます。それらが論理的に関連しているが、それらを独自の行に配置したい場合は、適切にスタイル設定された CSS でブロック要素を作成するでしょう。通常、BR タグは避けます。

于 2010-03-09T13:31:04.330 に答える
0

私は言うだろう

<ul style="list-style-type: none">
   <li><a href="#">Link 1</a></li>


   <li><a href="#">Link 2</a></li>
</ul>
于 2010-03-09T13:30:51.927 に答える
0

私はリストタグの下にあるものを好みます。私にとっては、コードがはるかにきれいで、フォームに簡単に配置できます。

于 2010-03-09T13:30:58.280 に答える