Pemisahan Konten Saka Nggawe Nggawe Manajemen Situs luwih gampang
CSS (Cascading Style Sheets) wis dadi cara de facto kanggo nampilake lan nyunting situs web. Desainer nggunakake stylesheets kanggo menehi katrangan menyang browser carane situs web kudu ditampilake ing tampilan lan aran, kanggo nutupi faktor kaya warna, jarak, fonts lan akeh liyane.
Gaya CSS bisa disebarake kanthi rong cara:
- Inline - ing kodhe kaca web dhewe, kanthi individu, unsur-unsur kanthi basis
- Ing dokumen CSS mandiri, situs web kasebut kagandhèng
Best Practices for CSS
"Praktik paling apik" yaiku cara ngrancang lan ngembangake situs web sing wis dadi bukti sing paling efektif lan kanggo ngasilake sing paling apik kanggo karya kasebut. Nemtokake ing CSS ing desain web mbantu situs web katon lan bisa uga bisa. Dheweke wis ngalami owah-owahan ing taun bareng karo basa lan teknologi web liyane, lan gaya styles CSS wis dadi cara sing luwih disenengi.
Mulane, praktik paling apik kanggo CSS bisa nambah situs kanthi cara ing ngisor iki:
- Pisah isi saka desain. Salah sijine tujuan utama CSS yaiku mbusak elemen desain saka HTML lan manggonake ing lokasi liya kanggo desainer kanggo njaga. Iki uga dadi misahake desainer saka pangembang supaya saben bisa fokus ing bidang keahliane. Desainer ora kudu dadi pangembang kanggo njaga tampilan website.
- Nggawe pangopènan gampang. Salah siji unsur paling disenengi ing desain web yaiku pangopènan. Ora kaya bahan cetak, situs web ora tau "salah lan rampung." Konten, desain lan fungsi bisa lan kudu berkembang liwat wektu. Duwe CSS ing panggonan utama, tinimbang ditibakake ing saindenging situs web, ndadekake samubarang luwih gampang dikendhaleni.
- Tansah ngakses situs sampeyan. Nggunakake gaya CSS mbantu mesin telusur lan individu sing disable interaksi karo situs sampeyan.
- Ngamanake situs sampeyan luwih suwe. Kanthi nggunakake praktik paling apik nganggo CSS, sampeyan tetep adhedhasar standar sing wis buktiaken stabil nanging cukup fleksibel kanggo nampung owah-owahan ing lingkungan desain web.
Gaya Inline Ora Laku Best
Gaya inline, nalika duwe tujuan, umume ora cara paling apik kanggo njaga website sampeyan. Padha nglawan saben laku sing paling apik:
- Gaya inline ora misahake isi saka desain. Gaya inline sing padha karo huruf sing wis dicithak lan tag desain kaku liya sing ngembangake modern. Gaya kasebut mung ndadekake unsur-unsur, tartamtu sing ditrapake; nalika sampeyan bisa menehi kontrol luwih akeh, uga ndadekake aspèk ngenani babagan desain lan pangembangan - kayata konsistensi - luwih angel.
- Gaya inline nyebabake perawatan sirah. Nalika sampeyan lagi nggarap stylesheets, nemtokake ngendi gaya disetel bisa angel. Nalika sampeyan ngurusi campuran inline, gaya sing ditempelake lan eksternal , sampeyan duwe akeh lokasi kanggo mriksa. Yen sampeyan nggarap tim desain web utawa kudu ngrancang utawa njaga situs sing dibangun dening wong liya, sampeyan bakal duwe masalah liyane. Sawise sampeyan nemokake gaya lan ngganti, sampeyan kudu nindakake kabeh elemen ing saben kaca sing wis disimpen. Sing nambah wektu lan anggaran kerja astronomi.
- Gaya inline ora bisa diakses. Nalika panelusur layar modern utawa piranti penolong liyane bisa ngatasi atribut lan tag inline kanthi efektif, sawetara piranti lawas ora bisa, sing bisa nyebabake sawetara kaca web sing aneh banget ditampilake. Karakter lan teks ekstra bisa mangaruhi cara kaca ditampilake dening robot mesin telusur uga, supaya kaca sampeyan ora bisa uga ing syarat-syarat optimisasi mesin telusur (SEO).
- Gaya inline nggawe kaca luwih gedhe. Yen sampeyan pengin saben paragraf ing situs sampeyan katon kanthi cara tartamtu, sampeyan bisa nindakake sapisan kanthi enem baris utawa luwih saka kodhe ing gaya tampilan eksternal. Yen sampeyan nganggo gaya inline, sampeyan kudu nambah gaya kasebut ing saben paragraf situs sampeyan. Yen sampeyan duwe limang baris CSS, yaiku limang baris kanthi multiplikasi saben paragraf ing situs sampeyan. Sing bandwidth lan wektu mbukak bisa nambah munggah ing cepet-cepet.
Alternatif kanggo Gaya Inline: Stylesheets njaba
Tinimbang nggunakake gaya inline, nggunakake stylesheet . Iku menehi kabeh manfaat CSS praktik paling apik lan gampang kanggo nggunakake. Gawe kanthi cara iki, kabeh gaya sing digunakake ing situs sampeyan urip ing dokumen kapisah sing banjur disambung karo dokumen web kanthi baris siji kode. Gaya njaba njaba manawa ana dokumen sing dilampirake. Sing artine, yen sampeyan duwe situs web 20-kaca ing saben kaca nggunakake pola gaya sing padha - sing biasane carane wis rampung - sampeyan bisa nggawe owah-owahan menyang saben kaca kasebut kanthi mung nyunting gaya kasebut ing sawijining panggonan. Ngganti gaya ing salah siji titik iku luwih gampang banget tinimbang nggoleki pengkodean kasebut ing saben kaca situs web sampeyan. Iki nggawe manajemen situs jangka panjang luwih gampang.