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

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

Answer 5

Я бы сказал

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


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