Hvordan du unngår HTML5-tabellbasert layoutfelt - dummier

Tabeller er ganske flotte. De er en fantastisk måte å presentere bestemte typer data ved hjelp av HTML5. Når du legger til og konseptene, kan du bruke tabeller for å lage noen ganske interessante layouter. Faktisk, fordi old school HTML ikke hadde noen form for layoutteknologi, kom mange utviklere opp med noen ganske fantastiske layouter basert på tabeller.

Bruk av tabeller for layout forårsaker noen problemer, for eksempel

• Tabeller er ikke ment for layout. Tabeller er laget for datapresentasjon, ikke layout. For å få tabeller til å fungere for layout, må du gjøre mange sneaky hacks, for eksempel tabeller nestet inne i andre tabeller eller usynlige bilder for avstand.

• Koden blir komplisert raskt. Tabeller innebærer mye HTML-oppslag. Hvis koden innebærer tabeller nestet i hverandre, er det svært vanskelig å huske hvilket element som er relatert til hvilken rad av hvilken tabell. Tabellbaserte oppsett er svært vanskelig å endre for hånd.

• Formatering gjøres celle av celle. En nettside kan bestå av hundrevis av tabellceller. Å gjøre en endring i skrift eller farge innebærer ofte å gjøre endringer i hundrevis av celler gjennom hele siden. Dette gjør at siden din er mindre fleksibel og vanskeligere å oppdatere.

• Presentasjonen er tett knyttet til data. En tabellbasert layout tetter sammen dataene og presentasjonen. Dette går i motsetning til et primært mål for webdesign - adskillelse av data fra presentasjonen.

• Tabellbaserte oppsett er vanskelig å endre. Når du har opprettet et layout basert på tabeller, er det svært vanskelig å gjøre endringer fordi alle tabellcellene har en potensiell effekt på andre celler.

• Tabellbaserte oppsett forårsaker problemer for skjermlesere. Personer med synshemming bruker spesiell programvare for å lese nettsider. Disse skjermleserne er godt tilpasset å lese tabeller som de var ment for (for å administrere tabelldata), men skjermleserne har ingen måte å vite når bordet blir brukt som en layoutteknikk i stedet for et datapresentasjonsverktøy. Dette gjør tabellbaserte oppsett mindre kompatible med tilgjengelighetsstandarder.

• Tabellbaserte oppsett tilpasser seg ikke godt. Moderne brukere forventer å kjøre sider på mobiltelefoner og tabletter, samt stasjonære maskiner. Tabellbaserte konstruksjoner kan ikke lett skaleres til disse mindre formfaktorene.

Motstå fristelsen til å bruke tabeller for layout. Bruk tabeller for å gjøre det de er designet for: datapresentasjon. De CSS-baserte tilnærmingene du kan bruke til å generere noen form for visuell layout du måtte ønske, er enklere, mer pålitelige og mye mer fleksible.