CSS estas la plej bona maniero por konstrui retpaĝajn dezajnojn
Lerni skribi CSS- aranĝojn povas esti malfacila, precipe se vi estas konata kun uzado de tabloj por krei fantazajn retpaĝajn planojn. Sed dum HTML5 permesas tabulojn por aranĝo, ĝi ne estas bona ideo.
Tabeloj Ne Estas Alireblaj
Same kiel serĉiloj, plej multaj ekranaj legantoj legas paĝojn en la ordo, ke ili montriĝas en la HTML. Kaj tabloj povas esti tre malfacilaj por ekrano legantoj por parse. Ĉi tio estas ĉar la enhavo en tabelo aranĝo, kvankam lineara, ne ĉiam havas senton, kiam oni legas maldekstre dekstren kaj supre ĝis malsupre. Plie, kun nestitaj tabloj, kaj diversaj vazoj sur la tablojkeloj povas malfaciligi la paĝon.
Ĉi tiu estas la kialo, ke la HTML5-specifaĵo rekomendas kontraŭ tabloj por aranĝo kaj kial HTML 4.01 malpermesas ĝin. Alireblaj retpaĝoj permesas pli da homoj uzi ilin kaj estas la marko de profesia diseñisto.
Kun CSS, vi povas difini sekcion apartenanta al la maldekstra flanko de la paĝo sed loku ĝin laste en la HTML. Poste, la legantoj de la ekrano kaj la serĉiloj same egale legos la gravajn partojn (la enhavon) unue kaj la malpli gravaj partoj (navigado) laste.
Tabeloj Estas Tricky
Eĉ se vi kreas tablon kun retejo redaktanta, viaj retpaĝoj ankoraŭ estos tre komplikaj kaj malfacilaj por subteni. Escepte de la plej simplaj retpaĝaj dezajnoj, plej multaj aranĝaj tabloj postulas multan uzon kaj atributojn kaj nestojn.
Konstrui la tablon eble ŝajnas facile dum vi faras ĝin, sed tiam vi devas subteni ĝin. Ses monatoj laŭ la linio, eble ne estas facile memorigi, kial vi aneksis la tabulojn aŭ kiom da ĉeloj estis en vico kaj tiel plu. Plie, se vi konservas retpaĝojn kiel membro-membro, vi devas klarigi al ĉiu persono kiel la tabloj funkcias aŭ atendas ke ili prenu kroman tempon kiam ili bezonas fari ŝanĝojn.
CSS ankaŭ povas esti komplika, sed ĝi konservas la prezenton aparte de la HTML kaj multe pli facile subtenas longtempe. Plus, kun CSS-aranĝo vi povas skribi unu CSS-dosieron, kaj stiligi ĉiujn viajn paĝojn por rigardi tiun vojon. Kaj kiam vi volas ŝanĝi la aranĝon de via retejo, vi simple ŝanĝu unu CSS-dosieron, kaj la tutan retejon ŝaltas - ne plu trapasas ĉiun paĝon unu samtempe por ĝisdatigi la tabulojn por ĝisdatigi la aranĝon.
Tabeloj Estas Neflekseblaj
Dum ĝi eblas krei tablajn aranĝojn kun procentoj larĝaj, ili ofte estas pli malrapidaj por ŝarĝi kaj povas draste ŝanĝi kiel aspektas via aranĝo. Sed se vi uzas specifajn larĝojn por viaj tabloj, vi finos per tre rigida aranĝo, kiu ne aspektos bone en monitoroj, kiuj diferencas de vi mem.
Krei flekseblajn planojn, kiuj aspektas bone en multaj monitoroj, retumiloj kaj rezolucioj estas relative facila. Fakte, kun CSS-amaskomunikiloj, vi povas krei apartajn dezajnojn por malsamaj grandecaj ekranoj.
Nestaj Tabloj Ŝarĝi Pli Malrapide ol CSS por la sama Dezajno
La plej ofta maniero krei fantazajn aranĝojn kun tabloj estas al "nestumi" tabulojn. Ĉi tio signifas, ke unu (aŭ pli) tablo estas metita ene de alia. Ju pli da tabeloj estas nestitaj, la pli longa ĝi faros por la retumilo retumpi la paĝon.
Plejofte, tabelo-aranĝo uzas pli da gravuloj por krei ol CSS-dezajno. Kaj malpli da signoj signifas malpli por elŝuti.
Tabeloj Povas Hurt Search Engine Optimization
La plej komuna tablo kreita aranĝo havas navigatan stangon ĉe la maldekstra flanko de la paĝo kaj la ĉefa enhavo dekstre. Kiam vi uzas tabulojn, ĉi (ĝenerale) postulas, ke la unua enhavo, kiu montras en la HTML, estas la maldekstra navigado-stango. La serĉiloj klasifikas paĝojn bazitajn en la enhavo, kaj multaj motoroj determinas, ke enhavo montrita ĉe la supro de la paĝo estas pli grava ol alia enhavo. Do, paĝo kun maldekstra navigado unue, ŝajnas havi enhavon, kiu estas malpli grava ol la navigado.
Uzante CSS, vi povas meti la gravan enhavon unue en via HTML kaj poste uzi CSS por determini, kie ĝi devus esti metita en la dezajno. Ĉi tio signifas, ke serĉiloj unue vidos la gravan enhavon, eĉ se la dezajno lokigas ĝin malsupren sur la paĝo.
Tabloj Don'd Ĉiam Printi Nu
Multaj tablojaj desegnoj ne presas bone ĉar ili estas simple tro larĝaj por la presilo. Do, por fari ilin konveni, retumiloj tranĉos la tabulojn kaj presas sekciojn malsupren rezultante tre disajn paĝojn. Kelkfoje vi finas per paĝoj, kiuj aspektas bone, sed la tuta dekstra flanko mankas. Aliaj paĝoj presos sekciojn sur diversaj folioj.
Kun CSS vi povas krei apartan stilon por nur presi la paĝon.
Tabeloj por Aranĝo Nevalidas en HTML 4.01
La specifaĵo de HTML 4 indikas: "Tabloj ne devas esti uzataj nur kiel rimedo por aranĝi dokumentan enhavon, ĉar ĉi tio povas prezenti problemojn, kiam oni prezentas al nevideblaj rimedoj".
Do, se vi volas skribi validan HTML 4.01, vi ne povas uzi tabulojn por aranĝo. Vi nur devas uzi tabulojn por tabulaj datumoj. Kaj tabulaj datumoj ĝenerale aspektas kiel io, kiun vi povus montri en kalkultabelo aŭ eble datumbazo.
Sed HTML5 ŝanĝis la regulojn kaj nun tabloj por aranĝo, kvankam ne rekomenditaj, nun estas valida HTML. La specifaĵo de HTML5 deklaras: "Tabeloj ne estu uzataj kiel aranĝaj helpoj."
Ĉar tabloj por aranĝo estas malfacile por ekvivalentoj diferenci, kiel mi mencias supre.
Uzante CSS por posicioni kaj aranĝi viajn paĝojn estas la sola valida HTML 4.01 maniero por akiri la dezajnojn, kiujn vi uzis por uzi tablojn por krei. Kaj HTML5 forte rekomendas ĉi tiun metodon.
Tabloj por Aranĝo Povas Efikigi Viajn Ijajn Perspektivojn
Ĉar pli kaj pli novaj desegnantoj lernas HTML kaj CSS, viaj kapabloj ĉe konstruado de tabeloj estas malpli kaj malpli postulataj. Jes, vere estas, ke klientoj ne kutime diras al vi la ĝustan teknologion, kiun vi devus uzi por konstrui siajn retpaĝojn. Sed ili demandas vin pri aferoj kiel:
- Alireblaj retpaĝoj: dezajnoj, kiujn oni povas vidi per ekranaj legantoj, estas ordonataj de multaj landoj kaj korporacioj pli facile kaj pli gravan ĉiutage.
- Reteĝeblaj paĝoj: dezajnoj, kiujn ili povas porti kun ili, eĉ se vi ne konservos ilin en la estonteco.
- Flekseblaj dezajnoj: dezajnoj, kiuj funkcias tra multaj foliumiloj, rezolucioj kaj aparatoj.
- Rapidaj elŝutantaj paĝoj: rapideco fariĝas pli kaj pli grava, eĉ al SEO.
- Printablaj dezajnoj: paĝoj kiuj presas sen specialaj skriptoj aŭ ekstra paĝoj.
Se vi ne povas liveri, kion la klientoj petas, ili ĉesos veni al vi por dezajnoj, eble ne hodiaŭ, sed eble la jaron aŭ la jaron poste. Ĉu vi vere povas permesi vian negocon suferi, ĉar vi ne volis komenci lerni teknikon, kiu estis uzata ekde la malfruaj 1990-aj jaroj?
La Moralaĵo: Lernu Uzu CSS
CSS malfacile lernas, sed io ajn valora valoris la penadon. Ne tenu viajn kapablojn pro stagnado. Lernu CSS kaj konstruu viajn retpaĝojn kiel ili intencis esti konstruitaj -kun CSS por aranĝo.