CSS ir labākais veids, kā veidot mājas lapas dizainu
Mācīšanās rakstīt CSS izkārtojumus var būt sarežģīta, jo īpaši, ja jūs esat iepazinušies ar tabulu izmantošanu, lai izveidotu izdomātus mājas lapas izkārtojumus. Bet, kamēr HTML5 pieļauj tabulas izkārtojumam, tā nav laba ideja.
Galdi nav pieejami
Tāpat kā meklētājprogrammas, lielākā daļa ekrāna lasītāju lasīt tīmekļa lapas tādā secībā, ka tie tiek parādīti HTML. Parādīšanai ekrāna lasītājiem galdiem var būt ļoti grūti. Tas ir tāpēc, ka tabulas izkārtojuma saturs, kamēr ir lineārs, ne vienmēr ir jēga lasīt no kreisās uz labo un no augšas uz leju. Plus, ar ligzdāmām tabulām un dažādiem gultas šūnu starplaikiem var padarīt lapu ļoti grūti izdomāt.
Tas ir iemesls tam, ka HTML5 specifikācija iesaka pret tabulām izkārtojumam un kāpēc HTML 4.01 to neļauj. Pieejamas tīmekļa lapas ļauj vairāk cilvēku izmantot tos un ir profesionāla dizainera zīme.
Izmantojot CSS, jūs varat definēt sadaļu kā piederošu lapas kreisajā pusē, bet ievietot to pēdējā HTML. Tad ekrāna lasītāji un meklētājprogrammas vispirms izlasīs svarīgās daļas (saturu), un mazāk svarīgākās daļas (navigācija) būs pēdējā.
Galdi ir sarežģīti
Pat ja izveidosiet tabulu ar tīmekļa redaktoru, jūsu tīmekļa lapas joprojām būs ļoti sarežģītas un grūti saglabāt. Lielākajā daļā izkārtojumu tabulu, izņemot vienkāršākos tīmekļa lapas veidojumus, ir jāizmanto daudz un atribūti, kā arī ligzdotu tabulu.
Tabulas veidošana var likties viegli, kamēr jūs to darāt, bet tad jums tas ir jāsaglabā. Sešus mēnešus pēc līnijas var nebūt tik viegli atcerēties, kāpēc jūs ievietojāt tabulas vai cik šūnas bija pēc kārtas, un tā tālāk. Turklāt, ja jūs uzturat tīmekļa lapas kā komandas locekli, jums ir jāpaskaidro katram, kā tabulas darbojas, vai sagaidīt, ka viņiem būs nepieciešams papildu laiks, kad viņiem būs jāmaina.
CSS var būt arī sarežģīts, bet tā saglabā prezentāciju atsevišķi no HTML un padara to daudz vieglāk uzturēt ilgtermiņā. Turklāt, izmantojot CSS izkārtojumu, jūs varat rakstīt vienu CSS failu un veidot visas savas lapas, lai izskatītos tā. Un, ja vēlaties mainīt savas vietnes izkārtojumu, vienkārši mainiet vienu CSS failu un visu vietni - ne vairāk, izmantojot katru lapu pa vienam, lai atjauninātu tabulas, lai atjauninātu izkārtojumu.
Galdi ir neelastīgi
Lai gan ir iespējams izveidot tabulu izkārtojumus ar platuma procentuālo daļu, tie bieži ir lēnāki, lai tos ielādētu, un tie var būtiski mainīt izskata izskatu. Bet, ja izmantojat noteiktos platumus savām tabulām, jūs galu galā iegūstat ļoti stingru izkārtojumu, kas neizskatīsies labi monitoriem, kuru lielums atšķiras no jūsu pašu.
Elastīgu izkārtojumu izveide, kas labi izskatās daudzos monitoros, pārlūkprogrammās un izšķirtspējās, ir salīdzinoši vienkārša. Faktiski, izmantojot CSS multivides vaicājumus, varat izveidot atsevišķus dizainus dažāda lieluma ekrāniem.
Ievietotās tabulas ielādē lēnāk nekā CSS vienam projektam
Visizplatītākais veids, kā radīt izdomātus izkārtojumus ar tabulām, ir "nest" tabulas. Tas nozīmē, ka viena (vai vairāk) tabula atrodas citā. Jo vairāk tabulu, kas ir ligzdots, jo ilgāks būs tas, lai tīmekļa pārlūks padarītu lapu.
Lielākajā daļā gadījumu tabulas izkārtojums izmanto vairāk rakstzīmju, nevis CSS dizainu. Un mazāk rakstzīmju nozīmē mazāk, lai lejupielādētu.
Galdi var izraisīt Search Engine Optimization
Visbiežāk sastopamajam tabulas izveidotajam izkārtojumam ir navigācijas josla lapas kreisajā pusē un galvenais saturs labajā pusē. Izmantojot tabulas, parasti (parasti) pirmais HTML attēlojumā redzamais saturs ir kreisās puses navigācijas josla. Meklētājprogrammas iedala lapas atkarībā no satura, un daudzi dzinēji nosaka, ka lapas augšpusē redzamais saturs ir svarīgāks par citu saturu. Tātad, vispirms lapa ar kreisās puses navigāciju šķiet tikpat svarīga kā navigācija.
Izmantojot CSS, jūs vispirms varat ievietot svarīgo saturu savā HTML un pēc tam izmantot CSS, lai noteiktu, kur tas būtu jāiekļauj dizainā. Tas nozīmē, ka meklētājprogrammas vispirms redz svarīgu saturu, pat ja dizainparaugs novietos to uz leju zemāk.
Galdi Vienmēr drukājiet labi
Daudzi galda dizainparaugi nav pareizi drukāti, jo tie printerim ir pārāk plaši. Tātad, lai tie būtu piemēroti, pārlūkprogrammas nolaiž tabulas un izdrukās sekojošas sadaļas, tādējādi radot ļoti nesaskaņotas lapas. Dažreiz jūs galu galā izveidojat lapas, kas izskatās labi, bet trūkst visas labās puses. Citas lapas izdrukās sadaļas dažādās lapās.
Izmantojot CSS, jūs varat izveidot atsevišķu stilu lapu tikai lapas drukāšanai.
Izkārtojuma tabulas ir nederīgas HTML 4.01
HTML 4 specifikācijā ir norādīts: "Tabulas nedrīkst izmantot tikai kā līdzekli, lai izkārtotu dokumenta saturu, jo tas var radīt problēmas, to padarot nelineālas vides."
Tātad, ja jūs vēlaties rakstīt derīgu HTML 4.01, jūs nevarat izmantot tabulas izkārtojumam. Tabulas datiem jāizmanto tikai tabulas. Un tabulas dati parasti izskatās kā kaut kas, ko jūs varētu parādīt izklājlapā vai, iespējams, datubāzē.
Bet HTML5 mainīja noteikumus, un tagad tabulas izkārtojumam, bet neiesakām, tagad ir der HTML. HTML5 specifikācija nosaka: "Tabulas nedrīkst izmantot kā izkārtojuma palīglīdzekļus."
Sakarā ar to, ka izkārtojuma tabulas ir grūti atšķirt ekrāna lasītājiem, kā minēts iepriekš.
CSS izmantošana lapu izvietošanai un izkārtojumam ir vienīgais derīgais HTML 4.01 veids, kā iegūt dizainus, kurus izmantojāt, lai izveidotu tabulas. Un HTML5 stingri iesaka arī šo metodi.
Izkārtojuma tabulas var ietekmēt jūsu darba perspektīvas
Tā kā arvien vairāk jauno dizaineru apgūst HTML un CSS, jūsu prasmes veidot galdu izkārtojumus būs mazāk un mazāk pieprasījums. Jā, ir taisnība, ka klienti parasti neuzrāda precīzu tehnoloģiju, kas jums jāizmanto, lai izveidotu savas tīmekļa lapas. Bet viņi jautā jums tādas lietas kā:
- Pieejamās tīmekļa lapas: dizainparaugi, kurus var apskatīt ekrāna lasītāji, daudzas valstis ir pilnvarojušas, un korporācijas katru dienu uzskata pieejamību arvien svarīgāku.
- Saglabājamas tīmekļa lapas: dizainparaugi, ko tās var lietot kopā ar tām, pat ja nākotnē tās netiks saglabātas.
- Elastīgi dizainparaugi: dizainparaugi, kas darbojas daudzās pārlūkprogrammās, izšķirtspējās un ierīcēs.
- Ātrās lejupielādes lapas: ātrums kļūst arvien svarīgāks, pat SEO.
- Printable designs: lapas, kuras drukā bez īpašiem skriptiem vai papildu lapām.
Ja jūs nevarat piegādāt to, ko klienti prasa, viņi pārstās nonākt pie jums par dizainparaugiem, varbūt ne šodien, bet, iespējams, nākamgad vai nākamajā gadā. Vai jūs patiešām varat atļauties, lai jūsu bizness cieš, jo jūs nevēlaties sākt mācīties tehniku, kas ir izmantota kopš 1990. gadu beigām?
Morāli: iemācīties lietot CSS
CSS var būt grūti mācīties, bet vērts ir vērts kaut ko vērts. Neuzglabājiet savas prasmes no stagnācijas. Uzziniet CSS un izveidojiet savas tīmekļa lapas tā, kā tās domātas, lai izveidotu - ar CSS izkārtojumam.