Domanda

Quale metodo è preferito mostrare solo 2 collegamenti in verticale, uno sopra l'altro? nella pagina di contenuto (non come la navigazione).

Questa (anche se non ho bisogno di proiettili)

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

questo

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

<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>
È stato utile?

Soluzione

Non si dovrebbe preoccuparsi di cosa markup da utilizzare per la presentazione, che è quello che i CSS è per. Tutti gli esempi si danno sopra possono essere facilmente nello stile di guardare nel modo desiderato. Quello che è necessario determinare è quello che il contenuto è e segnare in modo appropriato.

Ricordate che il markup descrive il contenuto. Si tratta di un elenco di collegamenti che hanno un significato in un gruppo? Quindi utilizzare un elenco da quel markup descrive un elenco di cose relative. Sono i collegamenti non collegati a contenuti? Quindi non utilizzare una lista come una lista implica correlazione.

Semantica sono difficili da determinare a volte a causa della loro natura altamente soggettiva. Detto questo anche se si dovrebbe davvero cercare di segnare il vostro contenuto semantico e poi usare i CSS per tutti i bisogni di presentazione.

Altri suggerimenti

E 'dipende interamente dal contesto, IMO. Se i collegamenti sono in un menu, quindi vorrei usare l'approccio lista non ordinata. Se sono logicamente separati, poi mi piacerebbe loro ogni messo nel proprio contenitore. Se sono logicamente collegate, ma ho appena li vogliono sul loro propria linea avrei probabilmente farli bloccare gli elementi con i CSS, in stile appropriato. Tipicamente Eviterei il tag BR.

semantico, e per lo styling più facile, vorrei andare con la prima opzione.

Se non si desidera che i punti elenco, proprio stile il LI senza di loro (list-style-type:none).

Direi

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


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

sarò preferisco quello sotto il tag lista, per me è il codice molto più pulito e facile da posizionare sul modulo.

Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow
scroll top