Usando i ccs per eliminare le tabelle
Gli strati di stile di procedura in sequenza o di CSS ha aperto le possibilità tremende per il miglioramento i disegni di Web site, le disposizioni di Web page e dell'aggiunta delle caratteristiche nuove. Il codice del HTML può essere reso più breve, più pulito e più semplice da CSS con conseguente caricamento più veloce dei Web pagi e renderli più accessibili ai motori di ricerca. Qui sto narrando la mia esperienza con soltanto una parte di CSS - usando per eliminare le tabelle.
Se esaminate un Web page tradizionalmente progettato, siete probabile trovare il numero delle tabelle nella disposizione. Le Tabelle più presto sono state utilizzate soltanto per la visualizzazione delle informazioni in una forma tabulare. Ma i progettisti di Web site presto hanno cominciato usando le tabelle per altre applicazioni come mostra le immagini, i grafici e delle altre decorazioni.
I miei propri Web pagi erano scacchiere più in anticipo delle tabelle. Ogni Web page quasi completamente è stato coperto di tabelle e molte tabelle sono state annidate all'interno di altre tabelle. Mentre ho provato ad aggiungere più caratteristiche il disegno è stato sempre più complicato con conseguente tempi maggiori di caricamento. Inoltre ha richiesto il lotto di tempo “registra„ le tabelle alla pagina per renderlo accettabile.
Non era un'operazione facile riprogettare tutte le pagine usando il CSS. Ma una volta che cominciassi, i miglioramenti erano più di avevo negoziato per. Il disegno è diventato più semplice, l'apparenza migliore ed il momento di caricamento è sceso considerevolmente. Il codice è sembrato reale pulisce. La maggior parte delle modifiche di TR “e„„ “del TD sono state andate.
Il mio scopo di questa esercitazione non era realmente di cambiare l'apparenza ma di rendere il disegno più semplice. Ora le tabelle che più presto sono state usate soltanto per scopo di disegno si sono eliminate. Per l'eliminazione il primo punto delle tabelle è di decidere quali tabelle o più specificamente che le cellule devono essere rimosse. Per l'applicazione del CSS ogni cellula di una tabella può essere considerata come “scatola„. Queste scatole sono date le identità separate e la descrizione di ogni “scatola„ entra in codice di CSS. “Le scatole„ possono ricevere nomi quali box1, box2 ecc. La descrizione “della scatola„ può comprendere il formato, la relativa posizione sul Web page, il colore della priorità bassa e l'immagine all'occorrenza, i particolari della fonte, il riempimento, bordo dettaglia ecc. La posizione “della scatola„ può essere resa “fissa„ sul Web page, o può galleggiare nel qual caso la posizione può essere definita riguardo ad un'altra “scatola„.
Se la posizione e le dimensioni delle scatole sono risolte correttamente, inseriscono ordinatamente nel Web page gli che dà uno sguardo pulito. Poiché il codice si è associato con i disegni della tabella è eliminato, il contenuto della pagina raggiunge più protuberanza nel codice. Ciò lo rende più facile affinchè i ragni di Search Engine individui il contenuto reale della pagina.
Se avete parecchi Web pagi con il simile disegno, il codice di CSS con questi ed altri particolari può essere messo in una lima esterna. Ciò più ulteriormente ridurrà il codice per ogni pagina. Con il lotto di CSS molti miglioramenti possono essere fatti nel disegno e nella disposizione di Web page. Il CSS può anche essere usato per l'ottimizzazione di Search Engine della pagina.
La mia esperienza con CSS è stata grande e mi domando perché non è usato più spesso. Il mio consiglio - il convertito a CSS ha basato il disegno.
Sanjay Johari contribuisce regolarmente gli articoli alle varie publicazioni elettroniche. Il suo Web site contiene le informazioni, gli articoli, le risorse, le occasioni e più per i piccoli imprenditori e gli imprenditori basati casa. http://www.sanjay-j.com
Unisca l'occasione d'affari corrente più lunga del Internet - perché funziona! http://www.sanjay-j.com/empowerism.html
Fonte dell'articolo: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster prendi il Codice Html
Aggiungi questo articolo al tuo sito ora!
Webmaster invia i tuoi Articoli
Nessuna registrazione richiesta. Compila il form e i tuoi articoli sono nella Directory di Messaggiamo.Com
