Dizaino išskyrimas iš svetainės palengvina svetainių valdymą
CSS (kaskadinio stiliaus lapai) tapo de facto stiliumi ir svetainių išdėstymu. Dizaineriai naudoja stilių lenteles, kad naršyklėje būtų nurodyta, kaip svetainė turėtų būti rodoma pagal išvaizdą ir jausmą, apimanti tokius veiksnius kaip spalva, tarpai, šriftai ir daug daugiau.
CSS stiliai gali būti naudojami dviem būdais:
- "Inline" - pačiame tinklalapyje koduojant atskirą elementą iš kiekvieno elemento
- Atskirame CSS dokumente, prie kurio yra susieta svetainė
CSS geriausios praktikos pavyzdžiai
"Geriausios praktikos pavyzdžiai" yra interneto svetainių, kurios pasirodė esančios efektyviausios ir sukurtos labiausiai darbo užmokesčio, kūrimas ir kūrimas. Po jų CSS web dizainas padeda tinklalapiams atrodyti ir funkcionuoti kiek įmanoma. Jie per keletą metų vystėsi kartu su kitomis žiniatinklio kalbomis ir technologijomis, o atskira CSS stilių lentelė tapo pageidaujamu naudojimosi metodu.
Geriausios CSS praktikos pavyzdžiai gali pagerinti jūsų svetainę šiais būdais:
- Atskiras dizaino turinys. Vienas iš pagrindinių CSS tikslų - pašalinti dizaino elementus iš HTML ir įdėti jas į kitą vietą dizaineriui išlaikyti. Tai taip pat padeda atskirti dizainerius nuo kūrėjų, kad kiekvienas galėtų sutelkti dėmesį į savo kompetencijos sritis. Dizaineris neturi būti kūrėjas, kad išlaikytų svetainės išvaizdą.
- Palengvina techninę priežiūrą. Vienas iš labiausiai pamirštų interneto dizaino elementų yra priežiūra. Skirtingai nuo spausdinimo medžiagos, svetainė niekada nėra "viena ir padaryta". Turinys, dizainas ir funkcijos gali ir turėtų vystytis laikui bėgant. Kadangi CSS yra centrinėje vietoje, o ne suplakęs visą svetainę, tai daug lengviau palaikyti.
- Jūsų svetainė pasiekiama. Naudojant CSS stilius padeda paieškos varikliams ir neįgaliesiems bendrauti su jūsų svetaine.
- Saugo jūsų svetainę ilgiau. Naudodami CSS geriausią praktiką, laikotės standartų, kurie pasirodė stabilūs, bet pakankamai lankstūs, kad būtų galima pritaikyti žiniatinklio dizaino aplinkai.
Inline stiliai nėra geriausia praktika
Įprasti stiliai, nors jie turi tikslą, paprastai nėra geriausias būdas išlaikyti jūsų svetainę. Jie prieštarauja kiekvienai iš geriausių praktikų:
- Inline stiliai atskiria turinį nuo dizaino. Inline stiliai yra visiškai tokie patys kaip įterptas šriftas ir kitos nepatogios dizaino žymas, kurias modernūs kūrėjai geležinkelio keliu. Stilius turi įtakos tik tam tikroms atskiriems elementams, kuriems jie taikomi; nors tai gali suteikti jums daugiau konkrečios kontrolės, taip pat dar labiau apsunkina kitus dizaino ir plėtros aspektus, pvz., nuoseklumą.
- Inline stiliai sukelia priežiūros galvos skausmą. Kai dirbate su stilių lentelėmis, supraskite, kur stiliaus nustatymas gali būti sudėtingas. Kai susiduriame su įterptųjų, įterptųjų ir išorinių stilių mišiniu, turite patikrinti daugybę vietų. Jei dirbate žiniatinklio dizaino komandoje arba turite pertvarkyti ar prižiūrėti svetainę, kurią sukūrė kažkas kitas, tada turėsite dar daugiau problemų. Kai pamatysite stilių ir pakeisite jį, turėsite tai padaryti kiekviename elemente kiekviename puslapyje, kuriame jis buvo pateiktas. Tai padidina laiką ir darbo biudžetą astronomiškai.
- Inline stiliai nėra tokie pat prieinami. Nors šiuolaikinis ekrano skaitytuvas ar kitas pagalbinis įrenginys gali efektyviai valdyti inline atributus ir žymes, kai kurie senesni įrenginiai negali, todėl gali būti keistinų tinklalapių. Papildomi simboliai ir tekstas gali paveikti paieškos puslapio robotai ir jūsų puslapį, todėl jūsų puslapis taip pat nesiskiria nuo optimizavimo paieškos sistemose (SEO).
- Įprasti stiliai daro jūsų puslapius didesni. Jei norėtumėte, kad kiekviena jūsų svetainės pastraipa būtų rodoma tam tikru būdu, galite tai padaryti vieną kartą šešių eilučių arba kodo išorinėje lentelėje stilių. Tačiau jei jūs tai darysite su įterptais stilius, šiuos stilius turite pridėti prie kiekvienos jūsų svetainės pastraipos. Jei turite penkias CSS eilutes, tai yra penkios eilutės, padaugintos iš kiekvienos jūsų svetainės pastraipos. Šis pralaidumas ir įkelties laikas gali paskatinti.
"Inline Styles" alternatyva: išorinės lentelės stilių
Užuot naudoję eilinius stilius, naudokite išorines stilių lenteles . Jie suteikia jums visas CSS geriausios praktikos naudą ir yra lengvai naudojami. Tokiu būdu naudojami visi stiliai, naudojami jūsų svetainėje, yra atskirame dokumente, kuris po to yra susietas su žiniatinklio dokumentu su viena kodo eilute. Išorinės stilių lentelės turi įtakos bet kokiam dokumentui, prie kurio jie pritvirtinti. Tai reiškia, kad jei turite 20 puslapių svetainę, kurioje kiekvienas puslapis naudoja tą pačią stilių lentelę - paprastai tai yra kaip tai daroma - galite keisti kiekvieną iš šių puslapių, tiesiog vieną kartą redaguodami tuos stilius vienoje vietoje. Vieno taško stilių keitimas yra be galo patogesnis, nei ieškoti kodavimo kiekviename jūsų svetainės puslapyje. Tai daro ilgalaikį svetainių valdymą daug lengvesnį.