-
ordine codice
Su un sito ho trovato il codice scritto a "scala":
Codice:
<TD COLSPAN=2 bgcolor="#336699" height="24" width="193">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="31" background="button1.jpg">
<table width="100%" border="0" cellspacing="0" cellpadding="0" height="31">
<tr>
<td width="70%">
<div align="right">
<p align="center"><font size="2"><b>
</b></font><a href="chi_siamo/index.htm"><b><font color="#FFFFFF" size="2">Chi
Siamo</font></b></a></div>
</td>
<td width="30%"> </td>
</tr>
</table>
</td>
</tr>
</table>
</TD>
In un altro sito il codice e` allineato a sinistra:
Codice:
<table cellpadding="5">
<tr>
<td ><img src="riga_vert.gif" width="5" height="200"border="0"></td>
<td valign="top">
<!-- immagine a caso del porto -->
<p><b>N O V I T A' - - - >></b></p>
<a href="./foto/index.php" target ="_top"><img src="foto/images/astratto_mare.jpg" alt="astratto mare" border="0"></a><br>
<b>L'ultimo porto...<br>e altre fotografie</b>
</td>
Nel mio sito, alcune cose sono allineate a sinistre, altre piu` a destra, altre a "scala":
Codice:
<div align="center">
<table border="1" width="50%" id="table3" style="border-width: 0px">
<tr>
<td class="contattami" style="border-style: none; border-width: medium" width="118">
Cognome </td>
<td class="contattami" style="border-style: none; border-width: medium">
<input class="contattami" type="text" name="Cognome" size="20" tabindex="1"></td>
</tr>
<tr>
<td class="contattami" style="border-style: none; border-width: medium" width="118">
Nome</td>
<td class="contattami" style="border-style: none; border-width: medium">
<input class="contattami" type="text" name="Nome" size="20" tabindex="2"></td>
</tr>
<tr>
<td class="contattami" style="border-style: none; border-width: medium" width="118">
Indirizzo e-mail</td>
<td class="contattami" style="border-style: none; border-width: medium">
<input class="contattami" type="text" name="Indirizzo_ email" size="40" tabindex="3"></span></td>
</tr>
<tr>
<td class="contattami" style="border-style: none; border-width: medium" width="118">
Messaggio</td>
<td class="contattami" style="border-style: none; border-width: medium">
<textarea class="contattami" rows="5" name="Messaggio" cols="35" tabindex="4"></textarea></td>
</tr>
</table>
</div>
Qual e` il modo migliore? Vanno tutti bene? Cosa comporta la diversa posizione del codice? Grazie e scusatemi per il lungo messaggio.
Francesco
-
è una questione di ordine, se sei pratico dei codici t risulterà gradito una collocazione ordinata degli stessi;
qst nn ha effetto sulla visualizzazione finale della pagina web
-
non cambia nulla nella visualizzazione finale, sei solo tu che vai meglio a ritrovare le cose in una eventuale modifica
-
La disposizione ordinata del codice html serve esclusivamente a chi il codice lo scrive da se, infischiandosene di programmini come front page.
Per scrivere html basta il solo notepad, tutto il resto è superfluo.
Oltre tutto scrivendo direttamente il codice html è facile effettuare modifiche, l'hai scritto, l'hai ordinato e ovviamente sai dove mettere le mani.
Anche io uso disposizioni scalettate nelle pagine più complesse, in genere allineo tutto a sinistra, ma se si tratta di grosse tabelle o elenchi nidificati la scalettatura è indispensabile per evitare errori banali di chiusura dei tag.
Come giustamente dicono gli altri è ininfluente sulla isualizzazione, però è comoda in fase di revisione.
Duke