Una cosa che ho imparato in oltre un decennio nello sviluppo di siti Web è che la Rete è in continua evoluzione e per continuare è necessario cambiare con essa. Uno degli sviluppi più recenti nel web design è l';uso di CSS e markup semantico. I CSS e il web design semantico offrono numerosi vantaggi: chiarezza di codice, compatibilità con browser e altri dispositivi abilitati per il web, separazione dei contenuti e presentazione, minore onere sulla larghezza di banda e migliore visibilità dei motori di ricerca.
Nel corso della giornata, abbiamo progettato siti con tabelle e hackerato quei tavoli facendo cose che non avrebbero mai dovuto fare. Il tag table è stato progettato per visualizzare dati tabulari, non come un modo per rendere il layout di un sito web. Sfortunatamente, non esisteva un';alternativa migliore, quindi abbiamo usato le tabelle. Ciò ha portato a siti di caricamento lenti e inefficienti con codice molto difficile da leggere e gestire. Definisce un markup sematico come questo.
Web Development Tutorial per principianti (# 1) - Come creare pagine Web con HTML, CSS, Javascript
Le pagine Sematic :forniscono informazioni per i motori di ricerca Web che utilizzano web crawler. Potrebbero essere informazioni leggibili dalla macchina sul contenuto leggibile dal documento (come il creatore, il titolo, la descrizione, ecc. Del documento) o potrebbe essere puramente metadati che rappresentano un insieme di fatti (come risorse e servizi altrove nel sito). (Si noti che tutto ciò che può essere identificato con un URI (Uniform Resource Identifier) può essere descritto, quindi il web semantico può ragionare su persone, luoghi, idee, gatti ecc.) :
Al giorno d';oggi, i designer e gli sviluppatori esperti utilizzano i CSS in modo estensivo per creare siti bellissimi e conformi agli standard. Il layout basato su CSS ci consente di sviluppare siti che degraderanno in modo efficace, ovvero saranno visibili su tutti i tipi di dispositivi come PDA, telefoni cellulari, TV e funzioneranno correttamente su dispositivi che non sono nemmeno esistono ancora finché sono conformi agli standard.
Soprattutto, lo sviluppo di siti con CSS ci consente di separare efficacemente contenuti e presentazioni. Hai mai guardato il codice sorgente delle pagine HTML che sono state create con un layout basato su tabella e ti sei chiesto :che diavolo sta succedendo qui?: Si vedono molte aperture e chiusure di tabelle e righe di tabelle tutte mescolate con contenuti testuali e grafici. Con un layout pulito basato su CSS è possibile creare pagine che sono facilmente comprensibili osservando la fonte, rendendole più facili da comprendere, mantenere e aggiornare. Guarda la fonte del mio sito aziendale http://www.vp3media.com e poi guarda il codice sorgente di questo sito che utilizza un layout basato su tabelle: http://webservices.org/. Grande differenza, eh?
Se si dispone di un sito con traffico elevato, è possibile ridurre in modo significativo la quantità di banda utilizzata dalla transizione da un sito basato su tabella a un layout basato su CSS. Se un visitatore del tuo sito non deve caricare tutto il codice necessario per eseguire il rendering di quelle tabelle e di quelle spaziali, stai trasmettendo meno dati.
I CSS offrono anche vantaggi di ottimizzazione dei motori di ricerca rispetto alle tabelle. Se si dispone di un sito aziendale basato su tabelle che si affida al traffico Internet per generare profitti o acquisire nuovi clienti, si vedranno dei vantaggi reali passando al CSS. Quando un motore di ricerca spiderà il tuo sito basato su tabelle, recupererà una grande quantità di contenuto che non ha nulla a che fare con la tua attività. Quando i motori di ricerca spiderano un sito pulito basato su CSS, la maggior parte dei contenuti recuperati saranno contenuti testuali che descrivono la tua attività. Il rapporto tra contenuto e codice è più alto con i layout basati su CSS.
Abbiamo visto tutte le descrizioni dei motori di ricerca che non hanno alcun senso; questo perché gli spider dei motori di ricerca utilizzano un metodo top-down per il recupero delle informazioni. Qualunque sia la parte più importante del tuo documento, i motori di ricerca penseranno che sia la parte più importante del documento, e quindi dovrebbe essere usata come descrizione. Dal momento che separiamo il contenuto e la presentazione con i CSS, possiamo inserire le informazioni più importanti nella parte superiore di un documento, indipendentemente da dove sia effettivamente visualizzato sulla pagina. Prova con i tavoli!
Spero che questo articolo ti fornisca una panoramica del motivo per cui è importante passare dal tuo attuale layout basato su tabelle a un';implementazione CSS completamente valida. Se non si dispone di un sito Web, ma si prevede di avviarne uno nel prossimo futuro, assicurarsi di comunicare agli sviluppatori che si desidera un';implementazione basata su CSS.