Lære å skrive CSS-oppsett kan være vanskelig, spesielt hvis du er kjent med å bruke tabeller for å lage fancy websideoppsett. Men mens HTML5 tillater tabeller for layout, er det ikke en god ide.
Tabeller er ikke tilgjengelige
På samme måte som søkemotorer, leser de fleste skjermlesere websider i den rekkefølgen de vises i HTML, og tabeller kan være svært vanskelig for skjermlesere å analysere. Dette skyldes at innholdet i et bordoppsett, mens det er lineært, ikke alltid gir mening når det leses fra venstre til høyre og topp til bunn. Pluss, med nestede tabeller, og ulike spenner på bordet, kan cellene gjøre siden svært vanskelig å finne ut.
Dette er grunnen til at HTML5-spesifikasjonen anbefaler mot tabeller for layout og hvorfor HTML 4.01 tillater det. Tilgjengelige nettsider tillater flere personer å bruke dem og er et faglig designers merke.
Med CSS kan du definere en seksjon som tilhørende på venstre side av siden, men legg den sist i HTML-koden. Deretter leser lesere og søkemotorer de viktige delene (innholdet) først og de mindre viktige delene (navigasjon) sist.
Tabeller er vanskelig
Selv om du lager et bord med en webredaktør, vil websidene dine fortsatt være svært kompliserte og vanskelige å vedlikeholde. Med unntak av de enkleste nettsidedesignene krever de fleste layouttabeller bruk av mange og attributter og nestede tabeller.
Å bygge bordet kan virke lett når du gjør det, men når det er gjort må du opprettholde det. Seks måneder nedover linjen kan det ikke være så lett å huske hvorfor du nestet bordene eller hvor mange celler var på rad og så videre. For ikke å nevne, hvis du opprettholder nettsider som et medarbeider, må du forklare alle involverte hvordan tabellene fungerer eller forventer at de tar ekstra tid når de må gjøre endringer.
CSS kan også være komplisert, men det holder presentasjonen skilt fra HTML og gjør det mye enklere å vedlikeholde i det lange løp. I tillegg, med CSS-layout kan du skrive en CSS-fil, og stil alle sidene dine for å se den måten. Så når du vil endre oppsettet på nettstedet ditt, endrer du bare en CSS-fil, og hele nettstedet endres - ikke lenger går gjennom hver side en om gangen for å oppdatere tabellene for å oppdatere layoutet.
Tabeller er ufleksible
Mens det er mulig å lage tabelloppsett med prosentvise bredder, er de ofte tregere å laste og kan dramatisk endre hvordan layoutet ser ut. Men hvis du bruker angitte bredder for bordene dine, kommer du til en veldig stiv layout som ikke ser bra ut på skjermer som er forskjellig fra din egen.
Å lage fleksible layouter som ser bra ut på mange skjermer, nettlesere og oppløsninger, er relativt enkle. Faktisk, med CSS media spørringer, kan du opprette separate design for forskjellige størrelsesskjermer.
Nestede tabeller lastes mer sakte enn CSS for samme design
Den vanligste måten å lage fancy layouter med tabeller er å "nest" tabeller. Dette betyr at ett (eller flere) bord plasseres inne i en annen. Jo flere bord som er nestet, desto lenger tid vil det ta for nettleseren å gjengi siden.
I de fleste tilfeller bruker et tabelloppsett flere tegn til å lage enn et CSS-design. Og færre tegn betyr mindre å laste ned.
Tabeller kan skade søkemotoroptimalisering
Den vanligste tabellen som er opprettet, har en navigeringslinje på venstre side av siden og hovedinnholdet til høyre. Når du bruker tabeller, krever dette (generelt) at det første innholdet som vises i HTML, er den venstre navigeringslinjen. Søkemotorer kategoriserer sider basert på innholdet, og mange motorer bestemmer at innholdet som vises øverst på siden, er viktigere enn annet innhold. Så, en side med venstre navigasjon først, ser ut til å ha innhold som er mindre viktig enn navigasjonen.
Ved hjelp av CSS kan du sette det viktige innholdet først i HTML og deretter bruke CSS til å bestemme hvor det skal plasseres i designet. Dette betyr at søkemotorer først vil se det viktige innholdet, selv om designen plasserer den ned på siden.
Tabeller Skriv ikke alltid ut godt
Mange borddesigner skriver ikke ut godt fordi de bare er for store for skriveren. Så, for å få dem til å passe, vil nettleserne kutte bordene og skrive ut seksjoner under, noe som resulterer i svært uensartede sider. Noen ganger slutter du med sider som ser bra ut, men hele høyre side mangler. Andre sider vil skrive ut seksjoner på forskjellige ark.
Med CSS kan du opprette et eget stilark bare for å skrive ut siden.
Tabeller for oppsett er ugyldige i HTML 4.01
HTML 4-spesifikasjonen angir: "Tabeller bør ikke brukes rent som et middel til å opprette dokumentinnhold, da dette kan oppstå problemer når det gjøres til ikke-visuelle medier."
Så, hvis du vil skrive gyldig HTML 4.01, kan du ikke bruke tabeller for layout. Du bør bare bruke tabeller for tabelldata, og tabelldata ser vanligvis ut som noe du kan vise i et regneark eller muligens en database.
Imidlertid har HTML5 endret reglene, og nå er tabeller for layout, mens det ikke anbefales, nå betraktet som gyldig HTML. HTML5-spesifikasjonen angir: "Tabeller skal ikke brukes som layouthjelpemidler." Dette skyldes at tabellene for oppsett er vanskelige for skjermleserne å skille, som tidligere nevnt.
Ved å bruke CSS til å plassere og konfigurere sidene dine, er den eneste gyldige HTML 4.01-måten å få de designene du brukte til å bruke tabeller for å lage, og HTML5 anbefaler også denne metoden.
Tabeller for layout kan påvirke dine jobbutsikter
Etter hvert som flere og flere nye designere lærer HTML og CSS, vil dine ferdigheter på bordoppsettene bli mindre og mindre etterspurt. Ja, det er sant at kundene ikke vanligvis forteller deg nøyaktig hvilken teknologi du bør bruke til å bygge sine nettsider, men de ber om ting som:
- Tilgjengelige nettsider: design som kan vises av skjermlesere blir påbudt av mange land, og bedrifter finner tilgjengelighet mer og viktigere hver dag.
- Vedlikeholdbare nettsider: design de kan ta med dem selv om du ikke skal opprettholde dem i fremtiden.
- Fleksibel design: design som fungerer på tvers av mange nettlesere, oppløsninger og enheter.
- Rask nedlasting av sider: Hastigheten blir mer og viktigere, til og med til SEO.
- Utskriftsbare design: sider som skrives ut uten spesielle skript eller ekstra sider.
Hvis du ikke kan levere det kundene ber om, vil de slutte å komme til deg for design - periode. Kan du virkelig ha råd til å la virksomheten din lide fordi du ikke er villig til å lære og innlemme en teknikk som har vært i bruk siden slutten av 1990-tallet?
Moralen: Lær å bruke CSS
CSS kan være vanskelig å lære, men noe som er verdt er verdt innsatsen. Ikke hold dine ferdigheter fra stagnerende. Lær CSS og bygg nettsidene slik de var ment å bli bygd - med CSS for layout.
