Mācās rakstīt CSS izkārtojumi var būt sarežģīti, it īpaši, ja esat iepazinies ar tabulu izmantošanu, lai izveidotu iedomātus tīmekļa lapu izkārtojumus. Bet kamēr HTML5 ļauj izkārtot tabulas, tā nav laba ideja.
Galdi nav pieejami
Līdzīgs meklētājprogrammas, lielākā daļa ekrāna lasītāju lasa Web lapas tādā secībā, kādā tās tiek parādītas HTML, un tabulas ekrāna lasītājiem var būt ļoti grūti parsēt. Lai gan tabulas izkārtojuma saturs ir lineārs, tas ne vienmēr ir jēga, lasot no kreisās uz labo un no augšas uz leju. Turklāt ar ligzdotām tabulām un dažādiem diapazoniem tabulas šūnās var būt grūti saprast lapu.
Tas ir iemesls, kāpēc HTML5 specifikācija iesaka pret tabulas izkārtojumam un kāpēc HTML 4.01 to neļauj. Pieejamas tīmekļa lapas ļauj vairāk cilvēkiem tās izmantot un ir profesionāla dizainera zīme.
Izmantojot CSS, jūs varat definēt sadaļu kā piederīgu lapas kreisajā pusē, bet ievietot to pēdējā HTML. Tad ekrāna lasītāji un meklētājprogrammas vispirms nolasīs svarīgās daļas (saturu) un mazāk svarīgās (navigāciju).
Galdi ir viltīgi
Pat ja izveidojat tabulu ar tīmekļa redaktoru, jūsu tīmekļa lapas joprojām būs sarežģītas un grūti uzturamas. Izņemot vienkāršākos tīmekļa lapu noformējumus, lielākajai daļai izkārtojuma tabulu ir nepieciešams izmantot daudz un atribūtus, kā arī ligzdotas tabulas.
Galda uzbūve var šķist viegli, kamēr to darāt, bet, kad tas ir izdarīts, jums tas ir jāuztur. Sešus mēnešus pēc kārtas var nebūt tik viegli atcerēties, kāpēc jūs ligzdojāt tabulas vai cik šūnas bija pēc kārtas utt. Nemaz nerunājot par to, ja tīmekļa lapas uzturat kā komandas loceklis, jums ir jāpaskaidro visiem iesaistītajiem, kā darbojas tabulas, vai sagaidāt, ka viņi prasīs papildu laiku, kad viņiem jāveic izmaiņas.
CSS var būt arī sarežģīta, taču tā saglabā prezentāciju atsevišķi no satura un padara to daudz vieglāk uzturējamu ilgtermiņā. Turklāt, izmantojot CSS izkārtojumu, jūs varat rakstīt vienu CSS failu un stilizēt visas lapas tā, lai tās izskatītos. Tad, kad vēlaties mainīt vietnes izkārtojumu, vienkārši mainiet vienu CSS failu un visu vietnes izmaiņas - vairs neiet cauri katrai lapai pa vienai, lai atjauninātu tabulas, lai atjauninātu izkārtojums.
Galdi nav elastīgi
Lai gan ir iespējams izveidot tabulas izkārtojumus ar procentuālo platumu, tos bieži ielādē lēnāk un tas var krasi mainīt izkārtojuma izskatu. Bet, ja galdiem izmantojat noteiktus platumus, jūs iegūstat ļoti stingru izkārtojumu, kas neizskatīsies labi monitoros, kuru izmērs atšķiras no jūsu pašu.
Elastīgu izkārtojumu izveidošana, kas labi izskatās daudzos monitoros, pārlūkprogrammās un izšķirtspējās, ir samērā viegli. Patiesībā, izmantojot CSS multivides vaicājumus, varat izveidot atsevišķus dizainus dažāda lieluma ekrāniem.
Tabulas sāpina meklētājprogrammu optimizāciju
Visizplatītākajā tabulas izveidotajā izkārtojumā tiek izmantota navigācijas josla lapas kreisajā pusē un galvenais saturs labajā pusē. Izmantojot tabulas, šī pieeja (parasti) prasa, lai pirmais saturs, kas tiek parādīts HTML, ir kreisās puses navigācijas josla. Meklētājprogrammas lapas kategorizē pēc satura, un daudzi dzinēji nosaka, ka lapas augšpusē parādītais saturs ir svarīgāks par citu saturu. Tātad lapā, kurā vispirms ir navigācija pa kreisi, šķiet, ka saturs ir mazāk svarīgs nekā navigācija.
Izmantojot CSS, jūs varat ievietot svarīgo saturu vispirms savā HTML un pēc tam izmantot CSS, lai noteiktu, kur tas jānovieto dizainā. Tas nozīmē, ka meklētājprogrammas vispirms redzēs svarīgo saturu, pat ja noformējums to novieto zemāk lapā.
Galdi ne vienmēr izdrukā labi
Daudzi galdu dizaini netiek labi izdrukāti, jo tie printerim ir vienkārši par platu. Tātad, lai tie būtu piemēroti, pārlūkprogrammas nogriež tabulas un izdrukā zemāk esošās sadaļas, kā rezultātā lapas ir sadalītas. Dažreiz jūs nonākat pie lapām, kas izskatās labi, bet trūkst visas labās puses. Citas lapas izdrukās sadaļas uz dažādām loksnēm.
Izmantojot CSS, varat izveidot atsevišķu stila lapu tikai lapas drukāšanai.
Izkārtojuma tabulas HTML 4.01 nav derīgas
The HTML 4 specifikācijas valstis: "Tabulas nevajadzētu izmantot tikai kā līdzekli, lai izkārtotu dokumenta saturu, jo tas var radīt problēmas, kad renderē ar vizuālo nesēju."
Tātad, ja vēlaties uzrakstīt derīgu HTML 4.01, izkārtojumam nevar izmantot tabulas. Tabulas izmantojiet tikai tabulas datiem, un tabulas dati parasti izskatās kā kaut kas, ko jūs varētu parādīt izklājlapā vai, iespējams, datu bāzē.
Tomēr HTML5 mainīja kārtulas un tagad izkārtojuma tabulas, lai arī nav ieteicamas, tiek uzskatītas par derīgām HTML. HTML5 specifikācijā teikts: "Tabulas nedrīkst izmantot kā izkārtojuma palīglīdzekļus." Tas ir tāpēc, ka izkārtojuma tabulas ekrāna lasītājiem ir grūti atšķirt, kā iepriekš minēts.
CSS izmantošana lapu izvietošanai un izkārtojumam ir vienīgais derīgais HTML 4.01 veids, kā iegūt noformējumus, kuru izveidošanai izmantojāt tabulas, un HTML5 stingri iesaka arī šo metodi.