Какой метод предпочитает просто показать 2 ссылки вертикально?

Question

Какой метод предпочтительнее, чтобы просто показать 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>

Answer 1

Вы не должны беспокоиться о том, какая разметка использовать для презентационных целей, для этого для CSS. Все примеры, которые вы придаете выше, можно легко стиливать, чтобы выглядеть так, как хотите. Вам нужно определить, что содержание является и отметьте это соответствующим образом.

Помните, что разметка описывает содержание. Это список ссылок, которые имеют значение в группе? Затем используйте список, так как эта разметка описывает список связанных вещей. Ссылки не связаны в содержании? Тогда не используйте список в качестве списка, подразумевает корреляцию.

Семантика иногда трудно определить из -за их очень субъективного характера. При этом вы должны действительно попытаться семантически наметить свой контент, а затем использовать CSS для любых потребностей презентации.

Answer 2

Это полностью зависит от контекста, ИМО. Если ссылки находятся в меню, то я бы использовал подход неупорядоченного списка. Если они логически отделены, то я бы поместил их в свой собственный контейнер. Если они логически связаны, но я просто хочу, чтобы они были на их собственной линии, я бы, вероятно, заставил бы их блокировать элементы с помощью CSS, в стиле соответствующим образом. Как правило, я бы избежал метки BR.

Answer 3

Семантически, и для более легкого стиля я бы пошел с первым вариантом.

Если вам не нужны пулевые очки, просто стиль LI без них (list-style-type:none).

Answer 4

я бы сказал

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


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

Answer 5

Я предпочелю тот, который под тегом списка, для меня это гораздо более чистый код и легко позиционировать в форме.