- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Frase con <p> o senza?
-
Frase con <p> o senza?
E' più corretto (anche a livello di MdR e quindi di posizionamento) scriviere frasi "normalmente" o chiuse nei tag <p> </p> ?
Esempio:
<tr>
<td align="center">
<font face="Verdana" color="#FFFFFF">In questo sito troverete le schede di tutti i ristoranti d'Italia.</font></td>
</tr>oppure
<tr>
<td>
<p align="center">
<font face="Verdana" color="#FFFFFF">In questo sito troverete le schede di tutti i ristoranti d'Italia.</font></p></td>
</tr>
-
va inserito all'interno di un tag <p></p>. Qualsiasi contenuto che non sia definito a livello semantico ti penalizza a livello di posizionamento e di correttezza semantica del tuo sito.
-
@webbografico said:
va inserito all'interno di un tag <p></p>. Qualsiasi contenuto che non sia definito a livello semantico ti penalizza a livello di posizionamento e di correttezza semantica del tuo sito.
Per esempio?
-
un normale testo è costruito da titoli (h1 -> h6) che riassumono il contenuto successivo e da paragrafi (p) che sono il contenuto vero e proprio. In questo modo la tua pagina è più ordinata e il motore di ricerca che è l'utente più stupido che ci sia può "leggere" la tua pagina. Il tag <td> riguarda la struttura e dice che il contenuto è all'interno di una riga di tabella ma non definisce cosa è questo contenuto. Qualsiasi contenuto va definito a livello semantico (non solo titoli e paragrafi ma anche elenchi, link) per correttezza
-
ti consiglio inoltre un passo avanti: dividere contenuti da presentazione tramite i fogli di stile CSS. In questo modo nella pagina avrai solo struttura e contenuti e in un altro file come questa struttura va presentata graficamente. Inoltre ti risparmi un sacco di tempo in quanto il foglio di stile vale per tutte le pagine del sito.
Ad esempio, invece di scrivere:
<tr>
<td>
<p align="center">
<font face="Verdana" color="#FFFFFF">In questo sito troverete le schede di tutti i ristoranti d'Italia.</font></p></td>
</tr>scriverai
<tr>
<td>
<p>In questo sito troverete le schede di tutti i ristoranti d'Italia.</p>
</td>
</tr>nel foglio di stile
p{font-family:verdana;color:#fff;text-align:center}
che varrà per ogni paragrafo del tuo sito (e qui capisci il risparmio di tempo). Nel caso volessi un paragrafo diverso dagli altri puoi usare class e id per definire caratteristiche diverse...
-
Beh si, l'idea di passare ai CSS è ottima! Lo farò più in là perché ci vuole tempo e in questo periodo purtroppo sono incasinato! :(:)
Cmq ritornando al discorso di prima, per quanto riguarda il tag <p> in questa situazione come andrebbe messo?
Grazie anticipate.
<table border="0" width="100%" cellspacing="0" cellpadding="0" id="tabellainfo1"> <tr> <td align="center" bgcolor="#000080"><b> <font face="Verdana" color="#ffff00" size="2">PER INFO, LISTA, RIDUZIONI e PRENOTAZIONI chiama o invia un SMS al:</font></b></td> </tr> <tr> <td align="center" bgcolor="#000080"><b> <font face="Verdana" color="#ffffff" size="2">349.5555555</font> <font face="Verdana" color="#ffff00" size="2">Pingo Pallino</font></b></td> </tr> <tr> <td align="center" bgcolor="#000080"> <font face="Verdana" color="#ffffff" size="2">oppure invia un messaggio dalla pagina <a href="/contattaci.php"><font color="#FFFFFF"><b>contattaci</b></font></a></font></td> </tr> </table>
-
Credo che mettere un <p> in una tabella così strutturata sia senza senso..
-
secondo me invece non ha senso usare una tabella... io userei 1 div contenitore, heading e paragrafo