Вклучувајќи ги коментарите во вашиот CSS код е корисно и високо препорачливо.
Секој веб-сајт е составен од структурни елементи (кои се диктирани од HTML), како и визуелен стил или "изглед и чувство" на тоа место. Каскадни стилски листови (CSS) се она што се користи за диктирање на визуелниот изглед на веб-страница. Овие стилови се чуваат одвоени од структурата на HTML за да овозможат олеснување на ажурирањето и придржувањето кон веб-стандардите.
Со големината на сложеноста на многу веб-сајтови денес, стилските листови можат брзо да станат прилично долги и многу тешки за работа. Ова е особено точно кога ќе почнете да додавате во медиумски пребарувања за одзив на стилови на веб-страници . Овие медиумски пребарувања сами по себе можат да додадат значителен број нови стилови во CSS-документот и со тоа уште потешко да работат. Ова е местото каде коментарите на CSS можат да станат непроценлива помош на веб-страницата.
Додавањето коментари на CSS-датотеките на веб-страницата е одличен начин да додадете структура на делови од тој код за човечки читач кој го прегледува документот. Исто така, тоа е прекрасен метод за објаснување на овие стилови за веб професионалец кој можеби ќе треба да работи на страницата во иднина - вклучувајќи го и вас!
На крајот, паметно додадените коментари на CSS ќе го олеснат процесот на обработка на стилски лист. Ова е навистина важно за стилски листови кои ќе ги уредуваат тимовите. Коментарите може да се користат за да се пренесат важни аспекти на стилскиот лист на различни членови на тимот кои можеби веќе не се запознати со кодот. Овие коментари, исто така, може да бидат многу корисни за луѓето кои работеле на страницата пред да се вратат во кодот откако ќе бидат далеку од тоа некое време. Често морав да уредувам веб-сајт што го изградив месеци или дури и години и имам добро форматирани коментари во HTML и CSS е многу добредојдена помош! Запомнете, само затоа што сте направиле некоја локација не значи дека ќе се сетите зошто сте ги направиле работите што ги правите кога ќе се вратите на таа страница во иднина! Коментарите можат да ги направат вашите намери јасни и да ги расчистат сите недоразбирања пред да се појават.
Едно нешто што треба да се разбере за коментарите на CSS е тоа што тие не се прикажуваат кога страницата прави во веб прелистувачите. Овие коментари се само информативни, исто како HTML коментарите (иако синтаксата е различна меѓу двете). Овие коментари на CSS не влијаат на визуелниот приказ на страницата на кој било начин и едноставно се присутни во самиот код.
Додавање на CSS коментари
Додавањето на CSS коментар е прилично лесно. Вие едноставно го резервирате вашиот коментар со точните ознаки за отворање и затворање:
- Започнете го вашиот коментар со додавање / *
- Затворете го вашиот коментар со додавање на * /
Нешто што ќе се појави помеѓу овие две ознаки ќе биде содржината на коментарот, видлив само во кодот, а не од страна на прелистувачот.
Коментар CSS може да биде една линија, или може да потрае повеќе линии. Еве еден пример за една линија:
div # border_red {border: thin solid red; } / * црвен граница пример * /И повеќестран пример:
/ *************************** ********************** ****** Стил за код текст **************************** ************ *************** /Отфрлање на секциите
Еден од начините за кои честопати ги користам коментарите на CSS е да го организирам мојот стилски лист во помали, полесно читкови што не можат да се појават. Сакам да бидам во можност лесно да ги разгледам овие секции кога подоцна ја користам датотеката. За да го направите ова, јас често додавате коментари со многу цртички во нив, така што тие обезбедуваат големи, очигледни паузи на страната, кои се лесно да се видат, додека брзо се движам низ кодот. Еве еден пример:
/ * ----------------------- Стилови на заглавија ----------------------- ------- * /Кога ќе видам еден од овие коментари во мојот код, знам дека е почеток на нов дел од тој документ, овозможувајќи ми полесно да го обработувам и користам кодот.
& # 34; Коментирајќи Out & # 34; Код
Тагови за коментари можат да бидат корисни во вистинскиот процес на кодирање и дебагирање на страница. Коментарите може да се користат за да се "избришат" или "исклучат" областите на тој код за да се види што се случува ако тој дел не е дел од страницата.
Па, како функционира ова? Па, бидејќи ознаките за коментар му кажуваат на прелистувачот да игнорира сè меѓу нив, можете да ги користите за привремено да ги оневозможите одредени делови од CSS-кодот. Ова може да биде корисно при дебагирање, или при прилагодување на форматирањето на веб-страници.
За да го направите ова, вие едноставно ќе додадете ознака за отворање на коментар каде што сакате кодот да почне да се оневозможува, а потоа ставете ја таа завршна ознака каде што сакате делот со оневозможеност да заврши. Сè што е помеѓу овие ознаки нема да влијае на визуелниот приказ на страницата, овозможувајќи ви да го дебагира CSS за да видите каде може да се случи проблем. Потоа можете да влезете и да го поправите само тоа прашање и да ги отстраните коментарите од кодот.
CSS Коментирање Совети
Како рекапи, тука се и неколку совети кои треба да ги запомните за користење коментари во вашиот CSS:
- Коментарите можат да содржат повеќе линии.
- Коментарите може да вклучуваат елементи на CSS кои не сакате да ги прегледа прелистувачот, но не сакате целосно да ги избришете. Ова е пријатен начин за дебагирање на стилски листови на веб страната - едноставно не заборавајте да ги отстраните неискористените стилови (наспроти оставајќи ги коментирани) ако одлучите дека не ви се потребни на веб-страницата
- Користете коментари секогаш кога ќе напишете комплициран CSS за да додадете појаснувања и да ги информирате идните програмери или себе си во иднина за важните работи што треба да ги знаат. Ова ќе го спаси идното време за развој на сите вклучени.
- Коментари исто така може да вклучуваат мета информации како:
- автор
- датум креиран
- информации за авторски права
Перформанси
Коментарите сигурно може да бидат од корист, но бидете свесни дека колку повеќе коментари додадете во лист со стил, тогаш ќе стане поскапо, што ќе влијае на брзината на преземање на страницата и перформансите. Ова е вистинска грижа, но не треба да се двоумите да додадете корисни и легитимни коментари за страв дека ќе претрпат перформанси. Линиите на CSS не додаваат значителна големина на документ. Треба да додадете TONS на линии на коментари за да направите значително влијание врз големината на датотеката CSS. Додавањето на неколку корисни коментари во вашиот CSS не треба да ви даде нето негативно влијание врз брзината на страницата.
На крајот, ќе сакате да го најдете балансот помеѓу корисни коментари и премногу коментари за да ги добиете придобивките и од вашите CSS документи.
Авторски напис од Џенифер Крајнин. Ревидирано од Џереми Гирар на 7/5/17