Мазмұнды мазмұннан бөліп алу сайтты басқаруды жеңілдетеді
CSS (Cascading Style Sheets) веб-сайттарды стильдеуге және орналастыруға арналған нақты әдіс болды. Дизайнерлер браузерге веб-сайттың көрінісі мен сезімі тұрғысында қалай көрсетілетінін түсіндіретін стиль кестелерін пайдаланады, олар түс, аралық, қаріп және т.б. сияқты факторларды қамтиды.
CSS стильдері екі жолмен қолданылуы мүмкін:
- Inline - веб-парақтың өзін-өзі, жеке-жеке-элементпен кодтау шеңберінде
- Веб-сайт байланысты болған оқшау CSS құжатында
CSS үшін ең жақсы тәжірибелер
«Үздік тәжірибелер» - бұл ең тиімді болып табылатын және еңбектің ең көп пайдасын беретін веб-сайттарды құрастыру және құру әдістері. Олардың ішінде веб-дизайндағы веб- сайттарда веб- сайттарға қарап, мүмкіндігінше көрінеді. Олар басқа веб-тілдер мен технологиялармен бірге жылдар бойы эволюцияланды және жеке CSS стильдер кестесі қолданылатын әдіс болды.
CSS-тің озық тәжірибелерінен кейін сіздің сайтты келесі жолдармен жақсартуға болады:
- Мазмұнды дизайннан ажыратады. CSS-тің негізгі мақсаттарының бірі дизайн элементтерін HTML-дан алып тастау және жобалаушыға қолдау көрсету үшін оларды басқа жерге орналастыру. Бұл сондай-ақ әр сала мамандарға бағытталуы үшін әзірлеушілерден бөлек қызмет етеді. Дизайнер веб-сайттың көрінісін сақтау үшін әзірлеуші болу керек емес.
- Техникалық қызмет көрсетуді жеңілдетеді. Веб-дизайндағы ең қарапайым элементтердің бірі техникалық қызмет көрсету болып табылады. Баспа материалдарынан айырмашылығы, веб-сайт ешқашан «бір және жасалды». Мазмұн, дизайн және функция уақыт өте келе дамуы және дамуы мүмкін. Веб-сайтқа себілгеннен гөрі, CSS-ні орталық орынға айналдыру, әлдеқайда оңай болуы мүмкін.
- Сайтты қол жетімді етеді. CSS стильдерін пайдалану іздеу жүйелеріне және мүгедектерге арналған тораппен өзара әрекеттесуге көмектеседі.
- Сайтты ұзақ уақыт сақтайды. CSS-мен озық тәжірибені пайдалану арқылы сіз веб-дизайн ортасының өзгеруін қамтамасыз ететін тұрақты, бірақ икемді дәлелденген стандарттарға сүйенесіз.
Кірістірілген мәнерлер жақсы тәжірибе емес
Кірістірілген стильдер, олардың мақсаты бар болса, әдетте веб-сайтыңызды сақтаудың ең жақсы жолы емес. Олар жақсы тәжірибенің әрқайсысына қарсы шығады:
- Кірістірілген мәнерлер контентті дизайннан бөлмейді. Кірістірілген стильдер қазіргі заманғы девелоперлердің қарсы шығатын ендірілген қаріппен және басқа да күлкілі дизайн тегтерімен бірдей. Стилдер тек қолданылатын нақты, жеке элементтерге әсер етеді; бұл сізді көп мөлшерлі бақылауды қамтамасыз етуі мүмкін, сонымен қатар конструкция мен дамудың басқа аспектілерін жасайды - мысалы, дәйектілік - қиынырақ болады.
- Кірістірілген мәнерлер техникалық қызмет көрсетудің бас ауруларын тудырады. Стиль кестелерімен жұмыс істегенде, стильдің қай жерде орналасқанын анықтау қиын болуы мүмкін. Кірістірілген, ендірілген және сыртқы стильдер қоспасымен айналысқанда, тексеру үшін көптеген орындар бар. Егер сіз веб-дизайн топтарында жұмыс істесеңіз немесе басқа біреудің салған торабын қайта құрсаңыз немесе бақыламасаңыз, онда сіз одан да қиындықтарға тап боласыз. Мәнерді табып, оны өзгерткеннен кейін, ол орналастырылған әрбір беттің әрбір элементінде орындауға тура келеді. Бұл уақыт пен жұмыс бюджетін астрономиялық түрде арттырады.
- Кірістірілген мәнерлер қол жетімді емес. Қазіргі заманғы экран оқырғышы немесе басқа көмекші құрылғы кірістірілген атрибуттар мен тегтерді тиімді түрде басқара алады, ал кейбір ескірген құрылғылар кейбір таңғаларлық көрсетілетін веб-беттерге әкелуі мүмкін. Қосымша таңбалар мен мәтіндер бетіңізді іздеу жүйесіндегі роботпен қалай көретініне әсер етуі мүмкін, сондықтан сіздің бетіңіз іздеу жүйесін оңтайландыру (SEO) жағдайында да жасамайды.
- Кірістірілген мәнерлер беттеріңізді үлкенірек етеді. Егер сіздің сайтыңыздағы әрбір параграфтың белгілі бір жолмен пайда болуын қаласаңыз, оны сыртқы стиль кестесінде алты жолмен немесе сол сияқты бір рет жасауға болады. Егер сіз оны кірістірілген мәнерлермен жасасаңыз, онда сол мәнерлерді сіздің сайтыңыздың әрбір парағына қосу керек. Егер сізде бес жолды CSS болса, бұл бес жолды сіздің сайтыңыздағы әрбір параграфқа көбейтеді. Өткізу жиілігі мен жүктелу уақыты асығыс болады.
Кірістірілген мәнерлердің баламасы: Сыртқы стиль кестелері
Кірістірілген мәнерлерді пайдаланудың орнына сыртқы стиль кестелерін пайдаланыңыз. Олар Сізге CSS-дың үздік тәжірибелерінің барлық артықшылықтарын береді және оларды пайдалану оңай. Осы жолмен жұмыс істегенде, сіздің сайтыңызда қолданылған барлық стильдер бөлек құжатта өмір сүреді, содан кейін веб-құжатты бір код жолымен байланыстырады. Сыртқы стиль кестелері олар бекітілген кез келген құжатты қозғайды. Бұл дегеніміз, сізде әр парақта бірдей стиль кестесін қолданатын 20 беттен тұратын веб-сайт бар болса, әдетте ол қалай жасалады - сол беттердің әрқайсысына сол стильдерді бір рет, бір жерде редакциялау арқылы өзгертуге болады. Стильдерді бір жерде өзгерту веб-сайтыңыздың әрбір бетінде осы кодтауды іздеуден әлдеқайда ыңғайлы. Бұл ұзақ мерзімді сайттарды басқаруды әлдеқайда жеңілдетеді.