Welche Methode wird bevorzugt, um nur 2 Links vertikal anzuzeigen?

Question

Welche Methode wird bevorzugt, nur 2 Links vertikal anzeigen, eine über einen anderen? Auf Inhaltsseite (nicht als Navigation).

Dies (obwohl ich keine Kugeln brauche)

<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>

Dies

<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>

oder dieses

<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>

Answer 1

Sie sollten sich keine Sorgen darüber machen, was Markup für Präsentationszwecke verwenden soll, dafür ist CSS dafür. Alle Beispiele, die Sie oben geben, können leicht gestaltet werden, um nachzuschauen, wie Sie möchten. Was Sie bestimmen müssen, ist der Inhalt ist und markieren Sie es angemessen.

Denken Sie daran, dass das Markup den Inhalt beschreibt. Ist dies eine Liste von Links, die in einer Gruppe Bedeutung haben? Verwenden Sie dann eine Liste, da dieses Markup eine Liste verwandter Dinge beschreibt. Sind die Links inhalt nicht miteinander zu tun? Verwenden Sie dann keine Liste als Liste impliziert eine Korrelation.

Semantik ist aufgrund ihrer sehr subjektiven Natur manchmal schwer zu bestimmen. Davon abgesehen sollten Sie wirklich versuchen, Ihre Inhalt semantisch zu markieren und dann CSS für jegliche Präsentationsbedürfnisse zu verwenden.

Answer 2

Es hängt völlig vom Kontext ab, IMO. Wenn sich die Links in einem Menü befinden, würde ich den nicht ordnungsgemäßen Listenansatz verwenden. Wenn sie logisch getrennt sind, würde ich sie jeweils in ihren eigenen Container legen. Wenn sie logisch verwandt sind, aber ich möchte sie nur in ihrer eigenen Zeile bringen, würde ich sie wahrscheinlich dazu bringen, Elemente mit CSS zu blockieren, die angemessen gestylt sind. Normalerweise würde ich das BR -Tag vermeiden.

Answer 3

Semantisch und zum einfacheren Styling würde ich mit der ersten Option gehen.

Wenn Sie keine Kugelpunkte wollen, stylen Sie einfach das LI ohne sie (list-style-type:none).

Answer 4

ich würde sagen

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


   <li><a href="#">Link 2</a></li>
</ul>

Answer 5

Ich werde das unter dem Listen -Tag bevorzugen, für mich ist es viel sauberer Code und leicht zu positionieren.