CSS is de bêste manier om webside ûntwerpen te bouwen
Learen om CSS- lêzings te skriuwen kinne spitigernôch wêze, fral as jo gewoan binne mei gebrûk fan tabellen om fancy web page layouts te meitsjen. Mar wylst HTML5 tabellen foar layout oanfreegje, is it net in goed idee.
Tafels binne net tagonklik
Krekt as sykmasjines lêze de measte skermlêzers websiden yn 'e oarder dat se yn' e HTML werjûn wurde. En tafels kinne tige hurder wêze foar skermlêzers foar parse. Dit is om't de ynhâld yn in tafel-layout, wylst linear is, net altyd betsjutting makket as jo lofts nei rjochts en top-oan-lofts lêze. Plus, mei nêst tabellen, en ferskate spannen op 'e tafel-sellen kinne de side tige swier meitsje om út te finen.
Dit is de reden dat de spesifikaasje fan HTML5 oan tabellen foar layout rjochtet en wêrom't HTML 4.01 it útfiert. Tagonklike websiden kinne mear minsken brûke om se te brûken en binne it mark fan in profesjonele ûntwerper.
Mei CSS kinne jo in sifer definieare lykas op 'e lofter side fan' e side heart, mar pleatst it lêst yn 'e HTML. Dan wurde lêzers en sykmasines lykas de wichtige dielen (de ynhâld) earst en de minder wichtige dielen (navigaasje) lêst lêze.
Tafels binne tritich
Ek as jo in tabel mei in webredakteur meitsje, sille jo websiden noch altyd komplisearre wurde en net maklik om te ûnderhâlden. Utsein de ienfâldige webstee-ûntwerpen ferfange de measte layoutteken it gebrûk fan in protte en attributen en tafoegde tabellen.
It tabeljen fan de tafel kin maklik te wêzen as jo dit dogge, mar dan moatte jo it bewarje. Seis moannen nei de rigel kin it net sa maklik wêze om te freegjen wêrom't jo de tabellen njonken wurde of hoefolle sellen yn 'e rige binne en sa. Plus, as jo websiden as in team-leden ûnderhâlde, moatte jo elke persoan eksplikeare hoe't de tafels wurkje of ferwachtje om se ekstra tiid te nimmen as se feroaringen meitsje moatte.
CSS kin ek komplisearre wêze, mar it bewarret de presintaasje apart fan 'e HTML en makket it folle makliker op' e lange termyn te ûnderhâlden. Plus, mei CSS-lokaasje kinne jo in CSS-bestân skriuwe, en alle siden stjoere om dizze manier te sjen. En as jo de layout fan jo side wizigje wolle, feroarje jo gewoan ien CSS-bestân, en it hiele webstee kngt - net mear troch elke side trochgean te litten om de tabellen te aktualisearje om de layout te aktualisearje.
Tafels binne ûnfrede
Wylst it mooglik is om tabelblêden mei persintaazjebreadingen te meitsjen, wurde se faak stadiger om te laden en kinne dúdlik wizigje hoe't jo layout sjocht. Mar as jo spesifike breedten brûke foar jo tafels, dan binne jo einig mei in heule steande opmaak dy't net goed sjit op monitoren dy't oars binne fan jo eigen sizzen.
It meitsjen fan fleksibel opsjes dy't goed fine op in protte monitors, browsers en resolúsjes is relatyf maklik. Feitlik, mei CSS-media-fragen, kinne jo ferskillende ûntwerpen meitsje foar ferskate grutte skermen.
Nêst tabellen laden langer langer dan CSS foar itselde ûntwerp
De meast foarkommende manier om ûntwerp fan layouts mei tabellen te meitsjen is "tabellen" tabellen. Dit betsjut dat ien (of mear) tabel yn in oar pleatst wurdt. De mear tabellen dy't nêst binne, de langer sil it foar de webbrowser nimme om de side te meitsjen.
Yn 'e measte gefallen brûkt in tabel-layout mear tekens om te meitsjen as in CSS-ûntwerp. En minder personaazjes betsjutte minder om te laden.
Tegels kinne Hurt-sykmasjine-optimisaasje
De meast foarkommende tabel makke layout hat in navigaasjebalke oan 'e lofter side fan de side en de haad ynhâld op' e rjochterkant. By it brûken fan tabellen fereasket dit (algemien) dat de earste ynhâld dy 't yn' e HTML werjûn is, is de lofterhandbalke. Search enginee kategorisearje siden op basis fan de ynhâld, en in protte motoren bepale dat ynhâld yn 'e top fan' e side wat wichtiger is as oare ynhâld. Dus, in side mei lofts-navigaasje earst, sil ferskine om ynhâld te meitsjen dy't minder wichtich is as de navigaasje.
Mei help fan CSS kinne jo de wichtige ynhâld earst yn jo HTML sette en dan CSS brûke om te bepalen wêr't it yn it ûntwerp pleatst wurde moat. Dit betsjut dat sykmasjines de wichtichste ynhâld earst sjogge, ek as it ûntwerp it leger op 'e side set.
Tabel Don 't altyd Print Printsje
In soad tabel-ûntwerpen binne net goed te drukken, om't se gewoan te breed binne foar de printer. Sa, om se passe te meitsjen, browsers sille de tafels ôfbrekke en ôfdrukke ûnderdielen liede ta gefolch fan ferskillende siden. Somtiden steane jo mei siden dy't goed fine, mar de folsleine rjochterkant fynt. Oare siden drukke ôfdielingen op ferskate blêden.
Mei CSS kinne jo in apart stylblêd kreëarje foar it drukken fan de side.
Tabel foar layout binne ynvalid yn HTML 4.01
De spesifisearring fan HTML 4 stelt: "Tafels moatte net allinich brûkt wurde as middel om ynstallaasje fan dokumint yn te skeakeljen sa't dat problemen produsearje kin by it rendering foar net-fisuele media."
As jo jildich HTML 4.01 skriuwe wolle, kinne jo gjin tabellen brûke foar layout. Jo moatte allinich tabellen brûke foar tafelbere gegevens. En tabelberige gegevens sjogge oer it algemien wat wat jo kinne sjen yn in spreadsheet of miskien in database.
Mar HTML5 feroare de regels en no tabellen foar layout, wylst net oanbean wurde, binne no jildich HTML. De spesifikaasje fan HTML5 stelt: "Tegels moatte net brûkt wurde as layout-help".
Om't tabels foar layout binne dreech foar skermlêzers om te ûnderskieden, lykas ik hjirboppe neam ik.
It brûken fan CSS om jo siden te pleatsen en te meitsjen is de ienige jildige HTML 4.01 manier om de ûntwerpen te krijen dy't jo brûkten om tabellen te brûken om te meitsjen. En HTML5 advisearret dizze metoade tige goed.
Tabel foar layout kin jo persoanlike perspektiven beynfloedzje
As hieltyd mear nije ûntwerpers HTML en CSS learje, sille jo feardichheden by it bouwen fan tafelblêden yn minder en minder fraach wêze. Ja, it is wier dat klanten net typysk fertelle jo de krekte technology dy't jo brûke moatte om har web siden te bouwen. Mar se freegje jo foar dingen lykas:
- Tagonklike websiden: ûntwerpen dy 't troch skermlêzers te besjen binne wurde troch in soad lannen opdroegen en korporaasjes fine tagonklikheid tagonklik en hieltyd wichtiger.
- Underhâlde websiden: ûntwerpen dy't se mei har nimme kinne as jo se net yn 'e takomst hâlde.
- Flexibele ûntwerpen: ûntwerpen dy't wurkje oer in protte browsers, resolúsjes en apparaten.
- Fast downloadende siden: de snelheid wurdt hieltyd wichtiger, sels nei SEO.
- Printbere ûntwerpen: siden dy't druk sûnder spesjale skripten of ekstra siden.
As jo net leverje kinne wat de kliïnters freegje, sil se stopje om jo foar ûntwerpen te kommen, miskien net hjoed, mar miskien it folgjende jier of it jier nei. Kinne jo echt leverje om jo bedriuw te leauwen, om't jo net ree binne om te begjinnen fan in technyk te begjinnen fan 'e late 1990er jierren?
De moraal: Learje CSS brûke
CSS kin swier wêze om te learen, mar alles wat leart is de muoite wurdich wurdich. Hâld jo feardichheden net fan stagnearjen. Learje CSS en bouwen jo websiden de manier wêrop se bedoeld binne om te bouwen, mei CSS foar layout.