Qual método é preferido apenas mostrar 2 links verticalmente?

Question

Qual método é preferido apenas mostrar 2 links verticalmente, um sobre o outro? na página de conteúdo (não como uma navegação).

Isso (embora eu não precise de balas)

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

isto

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

ou isto

<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

Você não deve se preocupar com a marcação de usar para fins de apresentação, é para isso que serve o CSS. Todos os exemplos que você dá acima podem ser facilmente estilizados para procurar como desejar. O que você precisa determinar é qual o conteúdo é e marque -o adequadamente.

Lembre -se de que a marcação descreve o conteúdo. Esta é uma lista de links que têm significado em um grupo? Em seguida, use uma lista, pois essa marcação descreve uma lista de coisas relacionadas. Os links não estão relacionados no conteúdo? Em seguida, não use uma lista como uma lista implica correlação.

A semântica é difícil de determinar às vezes devido à sua natureza altamente subjetiva. Dito isto, você realmente deve tentar marcar seu conteúdo semanticamente e depois usar o CSS para quaisquer necessidades de apresentação.

Answer 2

Depende inteiramente do contexto, IMO. Se os links estiverem em um menu, eu usaria a abordagem da lista não ordenada. Se eles forem logicamente separados, eu os colocaria em seu próprio contêiner. Se eles estiverem logicamente relacionados, mas eu só os quero em sua própria linha, eu provavelmente os tornaria elementos bloqueados com CSS, de maneira adequada. Normalmente, eu evitaria a tag BR.

Answer 3

Semanticamente, e para facilitar o estilo, eu iria com a primeira opção.

Se você não quer pontos de bala, apenas estilize o LI sem eles (list-style-type:none).

Answer 4

eu diria

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


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

Answer 5

Vou preferir a tag da lista, para mim, é um código muito mais limpo e fácil de posicionar no formulário.