Suggerimenti per la modifica delle tabelle HTML in Visual Web Developer

Aggiornamento: novembre 2007

L'editor delle tabelle di Visual Studio HTML è un potente strumento che consente di modificare le tabelle HTML per definire il layout delle pagine Web e per visualizzare il contenuto in formato colonna. I seguenti suggerimenti facilitano l'uso dell'editor tabelle HTML.

Modifica delle tabelle HTML

I seguenti punti descrivono il comportamento generale della modifica delle tabelle:

• L'editor delle tabelle di HTML è un metodo visivo che consente di modificare gli elementi delle tabelle HTML, ad esempio gli elementi table, tr e td. Rappresenta un modo pratico per modificare tali elementi ma non fornisce gli strumenti per la modifica delle funzionalità non supportate dalle tabelle HTML.

• L'editor della tabella funziona con le tabelle HTML (elementi table e i relativi elementi figli), ma non funziona con il controllo ASP.NET Table (elemento asp:table). Il controllo Table ASP.NET è stato progettato soprattutto per essere utilizzato a livello di codice e non a livello di layout statico, modo in cui vengono spesso utilizzate le tabelle HMTL.

• La visualizzazione Progettazione esegue il rendering della tabella in modo analogo a come verrà visualizzata nel browser. Ciò avviene tramite interpretazione degli elementi HTML della tabella in modo analogo a quanto eseguito dal browser. Per ulteriori informazioni, vedere la sezione "Comportamento della definizione della dimensione e del ridimensionamento" più avanti in questo argomento.

Ambito delle modifiche

È utile capire il modo in cui le modifiche apportate nella visualizzazione Progettazione vengono applicate agli elementi della tabella. Tenere presente quanto segue:

• Ogni cella della tabella viene considerata un membro della riga o della colonna in cui ha inizio, come visualizzato nella visualizzazione Progettazione. Un'operazione eseguita nella riga o nella colonna interessa tutti i membri della riga o della colonna in questione. L'esecuzione del mapping di una cella nella visualizzazione Progettazione sull'elemento td corrispondente nella visualizzazione Origine non sempre produce i risultati previsti se le celle contengono gli attributi colspan o rowspan.

• Le operazioni eseguite nelle righe interessano tutti gli elementi td della riga in questione. Esse non influiscono sull'elemento tr.

• La selezione e la modifica di una colonna influisce su tutti gli elementi th della colonna.

Comportamento della definizione della dimensione e del ridimensionamento

A volte, l'editor della tabella può produrre risultati imprevisti quando vengono specificate le dimensioni della tabella, della riga o della colonna o quando questi elementi vengono ridimensionati. Il comportamento delle dimensioni degli elementi della tabella riflettono il comportamento della tabella nel browser. Ad esempio, le colonne che non hanno un'impostazione della larghezza specifica vengono ingrandite o ridotte in base alla larghezza totale della tabella, alla larghezza delle altre colonne della tabella e al contenuto di tutte le colonne.

Priorità del contenuto

Generalmente, la dimensione del contenuto delle celle ha la priorità sulle impostazioni relative alla larghezza o all'altezza di celle e righe. Ad esempio, se una cella di una tabella contiene un grafico o l'elemento img, la dimensione del grafico risulta essere più importate della larghezza della cella o della tabella stessa. Ciò avviene anche per i controlli delle celle delle tabelle.

Se le celle contengono del testo e se l'attributo nowrap della cella non è stato impostato, il testo andrà a capo in base alla larghezza della cella. Tuttavia, se il testo non contiene spazi bianchi, ad esempio spazi o punteggiatura, il testo non sarà in grado di andare a capo e la larghezza della cella verrà modificata per contenere il testo.

Il contenuto ha anche la precedenza sull'altezza della riga. Se il testo va a capo all'interno di una cella, è possibile che una riga sia più alta rispetto all'impostazione height specificata per l'elemento tr che rappresenta la riga.

Istruzioni per la definizione della dimensione e per il ridimensionamento delle tabelle

L'HTML è stato progettato in modo tale da rendere possibile l'assegnazione, a una tabella o ai suoi elementi, di impostazioni relative alla dimensione in conflitto. Ad esempio, è possibile che a una tabella formata da due colonne venga assegnata una larghezza del 100% e che a ognuna delle colonne venga assegnata una larghezza di 100 pixel.

La seguente tabella riepiloga le modalità di gestione della definizione delle dimensioni nell'editor tabella. In ogni caso, la larghezza del contenuto ha la precedenza.

Dimensioni specificate	Comportamento
La larghezza viene specificata per la tabella e per tutte le colonne della tabella oppure l'altezza viene specificata per la tabella e per tutte le righe della tabella.	Le dimensioni della tabella hanno la precedenza; la tabella calcola le dimensioni di colonne e righe in modo proporzionale.
La larghezza viene specificata per la tabella e per alcune colonne della tabella oppure l'altezza viene specificata per la tabella e per alcune righe della tabella.	Il rendering degli elementi per i quali è stata definita la dimensione viene eseguito utilizzando le dimensioni esatte, mentre gli elementi restanti vengono ridimensionati in modo da utilizzare la dimensione completa della tabella. Nota: L'editor della tabella visualizza la larghezza degli elementi di cui non è stata definita la dimensione come "automatico".
La larghezza viene specificata per ogni colonna della tabella ma non per la tabella stessa, oppure l'altezza viene specificata per ogni riga della tabella ma non per la tabella stessa.	La larghezza o l'altezza della tabella viene calcolata sommando la larghezza di tutte le colonne della tabella o l'altezza di tutte le righe della tabella.
Per la tabella o per i suoi elementi non viene specificata la larghezza né l'altezza.	La larghezza o l'altezza viene calcolata in base al contenuto della cella e allo spazio necessario per i bordi.

Nota:
Se viene ridimensionata una riga o una colonna e gli elementi td utilizzano diverse unità di misura per l'altezza e la larghezza, l'editor della tabella esegue la normalizzazione delle unità con i pixel.

Vedere anche

Concetti

Introduzione alla modifica delle tabelle HTML in Visual Web Developer

Procedura: creare e modificare le tabelle HTML in visualizzazione Progettazione