Pregunta

¿Qué método se prefiere a solo 2 enlaces muestran verticalmente, uno sobre otro? en la página de contenido (no como un sistema de navegación).

Este (aunque no necesito 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>

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

o este

<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>
¿Fue útil?

Solución

Usted no debe preocuparse acerca de lo marcado que se utilizará para fines de presentación, eso es lo que CSS es para. Todos los ejemplos que das anteriormente pueden ser fácilmente de estilo para mirar lo que le apetezca. Lo que hay que determinar es lo que el contenido de es y se marca de forma apropiada.

Recuerde que el marcado se describe el contenido. ¿Es esta una lista de enlaces que tienen significado en un grupo? A continuación, utilice una lista desde el lenguaje de formato describe una lista de cosas relacionadas. ¿Los enlaces no relacionados en el contenido? Entonces no utilizar una lista como una lista implica correlación.

La semántica son difíciles de determinar a veces debido a su naturaleza altamente subjetiva. Dicho esto, aunque realmente debería tratar de marcar su contenido semántico y luego usar CSS para cualquier necesidad de presentación.

Otros consejos

Todo depende del contexto, la OMI. Si los enlaces están en un menú, entonces yo uso el enfoque de lista desordenada. Si son lógicamente separada, a continuación, me gustaría poner a cada uno en su propio contenedor. Si están lógicamente relacionados, pero sólo les quieren en su propia línea que probablemente haría que ellos bloquean elementos con CSS, diseñado apropiadamente. Por lo general yo evitaría la etiqueta BR.

punto de vista semántico, y para el peinado más fácil, me gustaría ir con la primera opción.

Si no desea que los puntos de bala, solo el estilo de los LI sin ellos (list-style-type:none).

Yo diría

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


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

Voy a prefiero el uno bajo la lista de etiquetas, para mí es un código mucho más limpio y fácil de colocar en el formulario.

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top