Укључујући коментаре у ваш ЦСС код је корисно и веома препоручљиво.
Свака веб страница је састављена од структурних елемената (које диктира ХТМЛ), као и визуелног стила или "изгледа и осећаја" тог сајта. Каскадни стил листови (ЦСС) су оно што се користи за диктирање визуелног изгледа веб странице. Ови стилови се чувају одвојено од ХТМЛ структуре како би се омогућило лакше ажурирање и поштовање Веб стандарда.
С обзиром на велику сложеност многих веб локација данас, стилски листови могу брзо постати прилично дугачак и веома отежан за рад. Ово је посебно тачно када почнете да додате у медијске упите за одговарајуће стилове веб сајта . Ти медијски упити сами могу додати значајну количину нових стилова у ЦСС документ и учинити га још тежим за рад. Овдје коментари ЦСС-а могу постати непроцјењива помоћ на веб страници.
Додавање коментара ЦСС датотекама веб сајта је одличан начин додавања структуре на делове тог кода за човека који чита документ који прегледа документ. То је такође предиван начин за објашњавање тих стилова за веб професионалца који ће можда морати да ради на сајту у будућности - укључујући и себе!
На крају, паметно додати коментаре ЦСС-а учинит ће вам стилски лист лакшим процесом. Ово је, заиста, важно за стилске листове које ће уредити тимови. Коментари могу бити коришћени како би се важним аспектима листа стила посредовали различитим члановима тима који можда већ нису упознати са кодом. Ови коментари могу бити од велике користи и за људе који су раније радили на овој локацији, ако се враћају у код након што су неко време удаљени од њега. Често сам морао да уредим веб страницу коју сам саградио месецима или чак и ранијим годинама, а добро обликовани коментари у ХТМЛ-у и ЦСС-у су добродошли помоћ! Запамтите, само зато што сте изградили сајт не значи да ћете се сетити зашто сте учинили ствари које сте урадили када се враћате на то мјесто у будућности! Коментари могу учинити ваше намјере јасним и разјаснити било какве неспоразуме прије него што се чак деси.
Једна ствар за разумевање о коментарима ЦСС-а јесте да се они не приказују када се страница приказује у веб прегледачима. Ови коментари су само информативни, баш као што су коментари ХТМЛ (иако је синтакса различита између ове две). Ови коментари ЦСС-а не утичу на визуелни приказ странице на било који начин и једноставно су присутни у самом шифри.
Додавање ЦСС коментара
Додавање ЦСС коментара је прилично лако. Једноставно резервишете свој коментар са тачним ознакама за отварање и затварање коментара:
- Започните свој коментар додајући / *
- Затворите свој коментар додавањем * /
Све што се појављује између ове две ознаке биће садржај коментара, видљив само у коду, а не претраживач.
Коментар ЦСС-а може бити једна линија, или може да преузме више линија. Ево примера једне линије:
див # бордер_ред {бордер: тхин солид ред; } / * црвени гранични пример * /И вишеструки пример:
/ *************************** ********************** ****** Стил за кодни текст **************************** ************ *************** /Бреакинг Оут Секције
Један од начина на који често користим коментаре ЦСС-а јесте да организујем свој стилски стил у мањим, лакшим деловима. Волим да могу лако да видим ове одељке када прегледам датотеку касније. Да бих то учинио, често додам коментаре са пуно цртица у њима, тако да они пружају велике, очигледне паузе на страници која је лако видјети док брзо скролујем кроз код. Ево примера:
/ * ----------------------- Хеадер Стилес ----------------------- ------- * /Када видим један од ових коментара у мом коду, знам да је почетак новог одељка тог документа, омогућавајући лакше обраде и кориштења кода.
& # 34; Коментарисање Оут & # 34; Код
Ознаке за коментаре могу такође бити корисне у стварном процесу кодирања и дебаговања странице. Коментари се могу користити за "коментарисање" или "искључивање" области тог кода како би видели шта се дешава ако тај део није дио странице.
Како то функционише? Па, пошто тагови за коментаре говоре претраживачу да игнорише све између њих, можете их користити да привремено онемогућите одређене дијелове ЦСС кода. Ово може бити корисно приликом дебаговања или приликом прилагођавања форматирања Веб страница.
Да бисте то урадили, једноставно бисте додали таг за отварање коментара у коме желите да код почне да буде онемогућен, а затим поставите ту завршну ознаку где желите да се део са ограниченим приступом заврши. Све између тих ознака неће утицати на визуелни приказ локације, омогућавајући вам отклањање ЦСС-а како бисте видели где се проблем може десити. Затим можете да уђете и поправите само то питање и уклоните коментаре са кода.
ЦСС коментари
Као рецап, ево неколико савета које треба запамтити да користите коментаре у ЦСС-у:
- Коментари могу обухватити више линија.
- Коментари могу укључивати ЦСС елементе које не желите претраживати од стране претраживача, али не желите да их потпуно избришете. Ово је лијеп начин за дебаговање листова стилова веб сајта - само обавезно уклоните неискоришћене стилове (за разлику од остављања коментара) ако одлучите да их не требате на веб локацији
- Користите коментаре кад год пишете компликоване ЦСС да бисте додали појашњења и информисали будуће програмере или себе у будућности о важним стварима које би требало да знају. Ово ће уштедети будуће вријеме развоја за све укључене.
- Коментари могу такође укључити мета информације као што су:
- аутор
- датум креиран
- информације о ауторским правима
Перформансе
Коментари свакако могу бити од помоћи, али будите свесни да ће више коментара које додате у листу стилова, он ће постати виши, што ће утицати на брзину и перформансе преноса сајта. Ово је стварна брига, али не бисте се оклевали да додате корисне и легитимне коментаре због страха да ће доживети доживљај. Линије ЦСС-а не дају значајну величину документу. Требало би да додате ТОНС линија коментара како бисте значајно утицали на величину ЦСС датотеке. Додавање прилика корисних коментара у ЦСС не би требало да вам даје негативан утицај на брзину странице.
На крају ћете желети да пронађете баланс између корисних коментара и превише коментара како бисте добили бенефиције и у својим ЦСС документима.
Оригинални чланак Јеннифер Кринин. Уредио Јереми Гирард на 7/5/17