CSS (Cascading Style Sheets) web sahypalarynyň dizaýnyna we ýerleşişine gözegçilik edýän stil dilidir. Web sahypalarynyň wizual estetikasyny gowulandyrmak, sahypanyň ýerleşişini düzmek we ulanyjy tejribesini ýokarlandyrmak üçin ulanylýar. CSS HTML sahypalarynda ulanylýan mazmunyň wizual görkezilmegini sazlamak üçin güýje girýär. Bu makalada CSS-iň näme, nähili işleýändigini we web sahypalarynda ähmiýetini öwreneris.
CSS näme?
CSS (Cascading Style Sheets) — web sahypalaryndaky mazmunyň (tekstler, suratlar, düwmeler we ş.m.) nähili peýda boljakdygyny kesgitlemek üçin ulanylýar. HTML bilen düzülen mazmun, has görnükli bolmagy üçin CSS bilen stilleşdirildi. CSS reňkler, şriftler, fon, serhetler, aralyk we sahypanyň ýerleşişi ýaly elementleri dolandyrmaga mümkinçilik berýär. Şeýlelik bilen, şol bir HTML gurluşynda dürli dizaýnlary döretmek mümkin. CSS-iň hödürleýän iň uly artykmaçlyklaryndan biri, ony birnäçe sahypada ulanyp bolýar. Bir CSS faýly bilen birnäçe web sahypasynyň dizaýnyny redaktirläp bilersiňiz.
CSS-iň gysgaça taryhy
- 1994-nji ýylda Håkon Wium Lie web dizaýnerlerine web sahypalarynyň ýerleşişini, reňklerini we şriftlerini üýtgetmäge rugsat bermek üçin CSS ideýasyny öňe sürdi.
- 1996-njy ýylda CSS-iň birinji wersiýasy oýlanyp tapyldy.
- CSS2 1998-nji ýylda çykdy, soň bolsa CSS3-de iş başlandy.
- CSS 3-iň ilkinji taslamasy 1999-njy ýylda neşir edildi.
- Häzirki wagtda CSS3 ulanylýar.
CSS nähili işleýär?
CSS HTML ýa-da XML esasly diller bilen ulanylýar we brauzerler CSS düzgünlerine laýyklykda HTML mazmunyny hödürleýärler. CSS kodlary gönüden-göni HTML faýllaryna goşulýar (içerki görnüşde) ýa-da tutuş web sahypasy üçin merkezi stili kesgitlemek üçin daşarky CSS faýlyna salgylanýar. Adatça, daşky CSS faýllary ýerleşişden we kod köpeldilmezligi üçin uly taslamalarda ileri tutulýar. Bu faýllar brauzer tarapyndan ýüklenýär we HTML elementlerine stil düzgünleri ulanylýar.
CSS-iň ähmiýeti we ulanylyş ugurlary
CSS ulanyjy tejribesini ýokarlandyrmak üçin web dizaýnynda möhüm rol oýnaýar. CSS optimizasiýasy web sahypalarynyň ykjam gabat gelýändigini, dürli enjamlarda dogry görkezilmegini we çalt ýüklenmegini üpjün etmek üçin möhümdir. Şol bir wagtyň özünde, CSS SEO (Gözleg motory optimizasiýasy) taýdan-da uly täsir edýär. Sahypany dogry tertiplemek gözleg motorlaryna sahypaňyza has gowy düşünmäge we reýtingi ýokarlandyrmaga kömek edýär. Hususan-da, CSS-iň göwnejaý işlemegi sahypaňyzyň tizligini ýokarlandyrýar, ulanyjylary kanagatlandyrýar we SEO reýtingiňizi ýokarlandyrýar.
SEO üçin CSS ulanmak
- Tizligi optimizasiýa: Sahypanyň ýükleniş wagty SEO üçin möhüm faktor. Minimalist we optimallaşdyrylan CSS kodlary, gözleg motorlarynda has gowy derejelere ýetmäge kömek edýän web sahypasynyň çalt ýüklenmegini üpjün edýär.
- Mobile gabat gelýän dizaýnlar: CSS bilen täsirli (ykjam gabat gelýän) dizaýnlary döretmek mümkin. Gözleg motorlary ykjam dostlukly saýtlary has ýokary derejä çykarýarlar. CSS tarapyndan hödürlenýän media talaplary bilen web sahypaňyzy ähli enjamlar üçin amatly edip bilersiňiz.
- Yazgylar we bellikler: Açar sözleri we sözbaşylary CSS bilen düzmek arkaly gözleg motorlarynyň ünsüni özüne çekip we mazmunyňyzy görkezip bilersiňiz.
CSS häzirki zaman web dizaýnynyň möhüm bölegi. Web sahypalarynyň wizual şahsyýetini döretmekden başga-da, ulanyjy tejribesi we SEO öndürijiligi taýdan hem möhüm ähmiýete eýe. Web sahypaňyzyň hem estetiki, hem işlemegini isleýän bolsaňyz, CSS-ni netijeli ulanmaly.