CSS кодының түсініктемелерін қоса, пайдалы және өте ұсынылады.
Әрбір веб-сайт құрылымдық элементтерден тұрады (олар HTML-мен белгіленеді), сондай-ақ визуалды стильден немесе сайттың «көрінуі мен сезінуінен» тұрады. Cascading Style Sheets (CSS) - бұл веб-сайттың визуальды көрінісін белгілеу үшін пайдаланылатын нәрсе. Бұл стильдер HTML құрылымынан бөлек сақталады, бұл веб-стандарттарды жаңартуға және сақтауға мүмкіндік береді.
Көптеген веб-сайттардың күрделілігімен бүгінгі күні стильдер парақтары жылдам жұмыс істеуге және өте қиынға түседі. Бұл, әсіресе жауапты веб-сайт стилі үшін медиа сұрауларына қосуды бастаған кезде дұрыс. Бұл БАҚ сұраулары тек қана CSS стиліне жаңа мәнерлердің көп мөлшерін қосып, жұмыс істеуді қиындатады. Бұл жерде CSS түсініктемелері веб-сайтқа баға жетпес көмек көрсете алады.
Веб-сайттың CSS файлдарына түсініктеме қосу - бұл құжатты қарап шыққан адам оқырмандары үшін осы кодтың бөлімдеріне құрылымды қосудың тамаша тәсілі. Сондай-ақ болашақта сайтта жұмыс істеуі мүмкін, соның ішінде өзіңізді қоса алғанда, веб-кәсіпқойлар үшін бұл мәнерлерді түсіндірудің керемет әдісі болып табылады!
Ақырында, CSS түсініктемелерін қосып, стиль кестелерін өңдеу оңай болады. Бұл, шын мәнінде, топтар редакциялайтын стильдер парақтары үшін маңызды. Түсіндірмелер команданың әр түрлі мүшелеріне стил кестесінің маңызды аспектілерін қазірдің өзінде кодпен таныс болмауы үшін байланыстырады. Бұл ескертулер сайтқа жұмыс істеген адамдар үшін бұрыннан біраз уақыт өткеннен кейін кодқа қайта оралмас бұрын өте пайдалы болуы мүмкін. Мен жиі айлар мен тіпті жыл бұрын салынған веб-сайтты редакциялауға тура келді және HTML және CSS-де жақсы пішімделген түсініктемелерге ие болып отырмын! Есіңізде болсын, сіз сайтты салғаныңыздың себебі сіз болашақта сол сайтқа оралғанда не істегеніңізді еске түсіре алмайтыныңызды білдірмейді! Түсіндірмелер сіздердің ниеттеріңізді түсіндіріп, кез-келген түсініспеушіліктерді тіпті олар болмас бұрын анықтай алады.
CSS түсініктемелерін түсінудің бір себебі - олар бет веб-браузерлерде көрсеткен кезде көрсетілмейді. Бұл ескертулер тек ақпараттық түсініктеме болып табылады, HTML түсініктемелері сияқты (синтаксис екеуінің арасында өзгеше болса да). Бұл CSS түсіндірмесі сайттың визуалды көрсетілуіне ешқандай әсер етпейді және кодтың өзінде бар.
CSS түсіндірмелерін қосу
CSS түсініктемесін қосу өте оңай. Түсініктемені дұрыс ашып, жабылатын түсініктеме тегтерімен қоя аласыз:
- Түсіндірмеңізді қосу / *
- Пікіріңізді жабыңыз * /
Бұл екі тегтің арасында пайда болатын кез келген нәрсе түсініктеме мазмұны болады, ол тек кодта көрінеді және браузер арқылы көрсетілмейді.
CSS түсініктемесі бір сызық болуы мүмкін немесе бірнеше жолды қабылдауы мүмкін. Міне, бір мысал:
div # border_red {border: жұқа қатты қызыл; } / * қызыл шекара мысалы * /Көптеген мысал:
/ *************************** ********************** ****** Мәтіннің мәтіні үшін стиль **************************** ************ *************** /Бөлімдерді үзу
CSS түсіндірмелерін жиі қолданатын тәсілдердің бірі менің стиль кестемді кішігірім, жеңілірек бөліктерге айналдыру болып табылады. Файлды кейінірек зерттегенде, осы бөлімдерді оңай көре аламын. Мұны істеу үшін менде жиі шифрлармен түсініктеме беремін, олар кодты жылдам айналдыратындықтан оңай көрінетін бетте үлкен, айқын үзілістер береді. Міне мысал:
/ * ----------------------- Header Styles ----------------------- ------- * /Осы түсініктемелердің бірін менің кодымда көргенде, бұл құжаттың жаңа бөлімінің басталуын және кодты оңай өңдеуге және пайдалануға мүмкіндік беретінін білемін.
& # 34; Түсініктеме & # 34; Код
Түсініктеме тегтері бетті кодтау және күйіне келтіру процесінде пайдалы болуы мүмкін. Түсініктемелер осы бөлімнің беттің бір бөлігі болмаса не болатынын көру үшін «түсініктеме» немесе «өшіру» үшін пайдаланылуы мүмкін.
Мәселен бұл қалай жұмыс істейді? Пікір тегтері браузер арасында олардың барлығын ескермеуі туралы айтса, оларды CSS кодының кейбір бөліктерін уақытша өшіру үшін пайдалануға болады. Отладка кезінде немесе веб-бетті пішімдеуді реттегенде пайдалы болуы мүмкін.
Бұл әрекетті орындау үшін, сіз кодты өшіруді бастағыңыз келетін қосалқы түсініктеме тегтерін қосып, содан кейін өшірілген бөліктің аяқталуын қалайтын аяқтау тегін орналастырыңыз. Бұл тегтердің арасындағы бәрі сайттың көрнекі көрсетіліміне әсер етпейді, бұл мәселені қай жерде орын алуы мүмкін екенін көру үшін CSS-ді отладтауға мүмкіндік береді. Содан кейін кіріп, сол мәселені түзетіп, түсініктемелерден кодты алып тастай аласыз.
CSS Түсіндірмелі кеңестер
Мақалада CSS-тегі түсініктемелерді пайдалану туралы есте сақтауға болатын бірнеше кеңестер берілген:
- Түсініктемелер бірнеше жолдарды қамтуы мүмкін.
- Пікірлер шолғыш арқылы көрсетілмеген CSS элементтерін қамтуы мүмкін, бірақ толық жоюды қаламайды. Бұл веб-сайттың стильдер кестесін түзетудің тамаша тәсілі - тек пайдаланылмаған стильдерді алып тастауды ұмытпаңыз (оларды түсініктеме қалдырудан басқа), егер сіз оларды веб-сайтқа қажеті жоқ деп шешсеңіз
- Түсініктемелерді қосу және болашақ әзірлеушілерді немесе болашақта сіз білетін маңызды нәрселер туралы хабардар ету үшін күрделі CSS жазғанда, түсініктемелерді пайдаланыңыз. Бұл барлық қатысушылардың даму уақытын үнемдейді.
- Түсініктемелер сияқты мета ақпаратын қамтуы мүмкін:
- автор
- күні жасалды
- авторлық құқық туралы ақпарат
Өнімділік
Түсініктемелер, сөзсіз, пайдалы болуы мүмкін, бірақ сіз стиль кестесіне қосқан түсініктемелердің көп екендігін ескеріңіз, ол сайттың жүктеу жылдамдығына және өнімділігіне әсер етеді. Бұл нағыз алаңдаушылық тудырады, бірақ өнімділік зардап шегеді деген қорқыныш үшін пайдалы және заңды түсініктемелерді қосуға қымсынбаңыз. CSS сызықтары құжатқа елеулі мөлшерін қосады. CSS файлының өлшеміне елеулі әсер ету үшін түсініктемелер жолақтарын қосу керек. CSS-ге пайдалы ескертулер қосу сізге бет жылдамдығына теріс әсер етпеуі керек.
Ақыр аяғында, CSS құжаттарында артықшылықтарды алу үшін пайдалы ескертулер мен тым көп түсініктемелер арасында теңгерімді табуға болады.
Дженнифер Крининнің түпнұсқа мақаласы. Джереми Джирард редакциясында 7/5/17