CSS is die beste manier om webbladontwerpe te bou
Leer om CSS- uitlegte te skryf, kan moeilik wees, veral as jy bekend is met die gebruik van tabelle om fancy webbladuitlegte te skep. Maar terwyl HTML5 tabelle vir uitleg toelaat, is dit nie 'n goeie idee nie.
Tabelle is nie beskikbaar nie
Net soos soekenjins lees die meeste skermlesers webbladsye in die volgorde wat hulle in die HTML vertoon word. En tafels kan baie moeilik wees vir skermlesers om te ontleed. Dit is omdat die inhoud in 'n tabeluitleg, terwyl dit lineêr is, nie altyd sinvol is wanneer dit van links na regs en bo-na-onder gelees word nie. Plus, met geneste tafels, en verskeie spanne op die tafelselle kan die bladsy baie moeilik maak om uit te vind.
Dit is die rede waarom die HTML5-spesifikasie aanbeveel teen tabelle vir uitleg en hoekom HTML 4.01 dit nie toelaat nie. Toeganklike webbladsye laat meer mense toe om dit te gebruik en is die kenmerk van 'n professionele ontwerper.
Met CSS kan u 'n gedeelte definieer wat aan die linkerkant van die bladsy behoort, maar plaas dit laaste in die HTML. Dan sal skermlesers en soekenjins die belangrikste dele (die inhoud) eers lees en die minder belangrike dele (navigasie) laas.
Tabelle is moeilik
Selfs as jy 'n tafel skep met 'n webredakteur, sal jou webbladsye steeds baie ingewikkeld en moeilik wees om in stand te hou. Behalwe vir die eenvoudigste webbladontwerpe, benodig die meeste uitlegtabelle die gebruik van baie en eienskappe en geneste tabelle.
Die bou van die tafel kan maklik lyk as jy dit doen, maar dan moet jy dit onderhou. Ses maande lank is dit dalk nie so maklik om te onthou waarom jy die tafels genesteer het of hoeveel selle in 'n ry was nie en so aan. Plus, as jy webbladsye as spanlid handhaaf, moet jy aan elke persoon verduidelik hoe die tafels werk of verwag dat hulle addisionele tyd moet neem wanneer hulle veranderinge moet aanbring.
CSS kan ook ingewikkeld wees, maar dit hou die aanbieding apart van die HTML en maak dit baie makliker om in die lang termyn te handhaaf. Plus, met CSS-uitleg kan jy een CSS-lêer skryf en al jou bladsye styl om so te kyk. En as jy die uitleg van jou werf wil verander, verander jy net een CSS-lêer, en die hele werf gaan nie meer deur elke bladsy een op 'n slag om die tabelle op te dateer om die uitleg op te dateer nie.
Tabelle is onbuigsaam
Alhoewel dit moontlik is om tafeluitlegte met persentasie breedtes te skep, is dit dikwels stadiger om te laai en kan dit dramaties verander hoe jou uitleg lyk. Maar as jy gespesifiseerde breedtes vir jou tafels gebruik, eindig jy met 'n baie rigiede uitleg wat nie goed sal lyk op monitors wat anders as jou eie grootte is nie.
Die skep van buigsame uitlegte wat goed lyk op baie monitors, blaaiers en resolusies, is relatief maklik. Trouens, met CSS-media navrae, kan jy afsonderlike ontwerpe skep vir verskillende grootte skerms.
Geneste Tabelle laai meer stadiger as CSS vir dieselfde ontwerp
Die mees algemene manier om fancy uitlegte met tafels te skep, is om tabelle te "nes". Dit beteken dat een (of meer) tafel in 'n ander geplaas word. Hoe meer tabelle genesteer word, hoe langer sal dit neem vir die webblaaier om die bladsy te lewer.
In die meeste gevalle gebruik 'n tabel uitleg meer karakters om te skep as 'n CSS-ontwerp. En minder karakters beteken minder om af te laai.
Tafels kan die soektog optimaliseer
Die mees algemene tabel skep uitleg het 'n navigasie balk aan die linkerkant van die bladsy en die hoofinhoud aan die regterkant. Wanneer tabelle gebruik word, vereis dit (gewoonlik) dat die eerste inhoud wat in die HTML vertoon word die linker navigasiestaf is. Soekenjins kategoriseer bladsye gebaseer op die inhoud, en baie enjins bepaal dat inhoud bo-aan die bladsy is, belangriker as ander inhoud. Dus, 'n bladsy met die linkerkantse navigasie, sal blykbaar inhoud hê wat minder belangrik is as die navigasie.
Met behulp van CSS kan jy die belangrike inhoud eers in jou HTML sit en dan CSS gebruik om te bepaal waar dit in die ontwerp geplaas moet word. Dit beteken dat soekenjins eers die belangrike inhoud sal sien, selfs al plaas die ontwerp dit laer op die bladsy neer.
Tabelle Moenie altyd goed druk nie
Baie tafelontwerpe druk nie goed nie, want hulle is net te wyd vir die drukker. Dus, om hulle fiks te maak, sal blaaiers die tafels afsny en afdelings hieronder druk, wat baie ongelyke bladsye tot gevolg het. Soms eindig jy met bladsye wat goed lyk, maar die hele regterkant is ontbreek. Ander bladsye sal afdelings op verskeie velle druk.
Met CSS kan u 'n aparte stylblad maak net om die bladsy te druk.
Tabelle vir uitleg is ongeldig in HTML 4.01
Die HTML 4-spesifikasie bepaal: "Tabelle moet nie suiwer gebruik word as 'n manier om dokumentinhoud op te stel nie, aangesien dit probleme kan veroorsaak wanneer dit na nie-visuele media gemaak word."
Dus, as jy geldige HTML 4.01 wil skryf, kan jy nie tabelle vir uitleg gebruik nie. U moet slegs tabelle vir tabel data gebruik. En tabel data lyk gewoonlik soos iets wat jy dalk in 'n sigblad of moontlik 'n databasis kan vertoon.
Maar HTML5 het die reëls verander en nou is tabelle vir uitleg, terwyl dit nie aanbeveel word nie, nou geldige HTML. Die HTML5-spesifikasie bepaal: "Tabelle moet nie as uitleghulpmiddels gebruik word nie."
Omdat tabelle vir uitleg moeilik is vir skermlesers om te onderskei, soos ek hierbo noem.
As jy CSS gebruik om posisie en uitleg te plaas, is jou bladsye die enigste geldige HTML 4.01-manier om die ontwerpe wat jy gebruik om tabelle te gebruik, te kry. En HTML5 beveel hierdie metode ook sterk aan.
Tabelle vir uitleg kan jou werkvooruitsigte beïnvloed
Namate meer en meer nuwe ontwerpers HTML en CSS leer, sal u vaardighede op die bou van tafeluitlegte in mindere en groter vraag wees. Ja, dit is waar dat kliënte nie tipies die presiese tegnologie wat jy moet gebruik om hul webblaaie te bou, tipies vertel nie. Maar hulle vra jou vir dinge soos:
- Toeganklike webbladsye: Ontwerpe wat deur skermlesers besigtig word, word deur baie lande beveel. Korporasies vind toeganklikheid meer en meer belangrik elke dag.
- Hanteerbare webbladsye: ontwerpe wat hulle kan saamneem, selfs as jy hulle nie in die toekoms sal onderhou nie.
- Buigsame ontwerpe: ontwerpe wat oor baie blaaiers, resolusies en toestelle werk.
- Vinnige aflaai van bladsye: spoed word al hoe belangriker, selfs na SEO.
- Drukbare ontwerpe: bladsye wat sonder spesiale skrifte of ekstra bladsye druk.
As jy nie kan lewer wat die kliënte vra nie, sal hulle ophou om na jou te kom vir ontwerpe, miskien nie vandag nie, maar miskien volgende jaar of die jaar daarna. Kan jy regtig bekostig om jou besigheid te laat ly omdat jy nie bereid is om te begin met die aanleer van 'n tegniek wat sedert die laat 1990's gebruik is nie?
Die moreel: Leer om CSS te gebruik
CSS kan moeilik wees om te leer, maar enigiets wat die moeite werd is, is die moeite werd. Moenie jou vaardighede stagneer nie. Leer CSS en bou jou webbladsye op die manier waarop hulle bedoel was om met CSS vir uitleg ingebou te word.