Ако сте започнали да създавате свой собствен уебсайт, може би сте решили да използвате шаблон на първо място, вместо да започнете да го проектирате сами (или защото нямате много идея, или защото имате нужда от база). В тези шаблони ще видите, че понякога има коментари в CSS. И не, с това име нямаме предвид коментарите или текстовете, които читателите пускат на вашия уебсайт, а малки анотации, направени от разработчика и които помагат да се знае за какво се отнася всяка част от този страхотен код, който се формира. (и какво прави мрежата да изглежда така, както е в действителност.
След това, Знаете ли какво представляват CSS коментарите? Знаете ли как могат да се направят? Днес ние обясняваме всичко, за да знаете за тях.
Какво представляват коментарите?
В този случай няма да се позоваваме на коментари, разбирани като текстове, които коментират новина и позволяват взаимодействие между потребител и уеб страница. По-конкретно, имаме предвид тези, които са поставени между HTML таговете и които не се виждат визуално, но се намират в програмния код на уебсайт, по такъв начин, че се прави опит да се информира лицето за какво е кодът, но без това да бъде отразено по-късно в мрежата (както е).
За какво са коментарите?
Следващото нещо, което може да си зададете, е причината да поставите коментари в шаблон или във всеки програмен документ. И това е, вярвате или не, тези пояснения са много ефективни, защото, представете си следната ситуация: започнали сте да програмирате страница, която ще ви отнеме няколко месеца. Правите много промени, графици на всяка от страниците и т.н. И изведнъж, когато погледнете назад, се чудите за какво е бил този код, който е там. Или още по-лошо, трябва да смените цвят или дизайн и не знаете къде е сред целия код, който сте въвели. Какво би било бъркотия?
Е, Тези анотации, които правите като коментари в програмирането, ви помагат да запомните причината за този код или да можете да се локализирате в проекта това, което имате в ръцете си. По този начин, дори ако минат седмици, месеци или години, ще знаете как сте оставили всичко и за какво се е позовавал всеки код, който сте използвали.
Понякога тези коментари се използват за тестване на определени аспекти, така че те да бъдат активирани или не в мрежата в зависимост от това дали дават грешка при използването им.
Разбира се, че коментарите няма да се виждат визуално, не означава, че имате свободата да пишете каквото и да било. И е, че понякога коментарите могат да бъдат неуместни или да накарат клиентите ви да се чувстват обидени от това, което сте поставили там (т.е. пълна дискриминация). Така че трябва да внимавате и да поставяте само това, което наистина е необходимо. Тъй като, въпреки че няма да се виждат, днес има много браузъри, които ви позволяват да изследвате HTML кода и заедно с това да направите видимите коментари.
Как да поставяте CSS коментари
CSS е един от програмните езици, може би един от най-широко използваните, заедно с HTML, в уеб страници и креативен дизайн. Затова е важно да го познавате малко повече. Всъщност този, който ще използвате най-много, е CSS3.
Сега, ако вече сте направили „първите си стъпки“ с програмирането, ще знаете, че кодовете се използват за „обличане“ на структурата и CSS помага да направите вашия уебсайт да изглежда по-привлекателен. Но вътре в тях има коментари в CSS. Те са еднакви за всеки език за програмиране, въпреки че във всеки от тях са написани по различен начин.
Как правите CSS коментари? Е, за това трябва да направите следното:
- Отворете коментара с кривата наклонена черта (Shift + 7).
- След това поставете звездичка.
- Това е началото на вашия коментар по такъв начин, че всичко, което напишете от този момент нататък, няма да се вижда визуално в мрежата, въпреки че ще бъде в HTML кода на мрежата.
- За да затворите коментара, първо трябва да поставите звездичка и след това кривата наклонена черта.
- По това време следващото нещо, което напишете, ще се отрази визуално в мрежата и ще бъде видимо.
Визуално коментарът ще изглежда така:
/ * Ето коментара, който би бил визуално скрит в мрежата * /
Ако сте го направили добре, най-вероятно ще се появи в сиво, а не в черно или в други цветове, както се случва с други кодове. Това означава, че е добре посочен и ще бъде текст, който няма да се появи в мрежата (в областта, където сте го поставили).
Видове коментари в CSS, които можете да поставите
Докато работите с HTML е нормално да пуснете няколко коментара, за да можете да знаете какво правите или да ви предупредим, че има части без извършване или грешки, които трябва да поправите. Впоследствие обаче е важно да се премахнат онези видове коментари, които наистина няма да са от полза. Това не означава, че трябва да премахнете всички.
В CSS има някои коментари, които трябва да останат. Който? Следното:
- Уточняващи коментари. Те са CSS коментари, които помагат да се обясни нещо конкретно. Например размерът на изображенията в конкретния раздел, за да знаете кои изображения да използвате.
- Блокиране на коментари. Тоест, анотациите, които се правят, за да разграничат всеки раздел или част от уебсайт: долния колонтитул, заглавката и т.н.
- CSS деактивиран. С това трябва да внимавате, защото трябва да се уверите, че е деактивирано, но че може да работи правилно, в случай че искате да го използвате отново. Например, представете си, че имате уебсайт и той е много бавен. След това решавате да деактивирате плъзгача, който сте поставили първи, и да видите дали той подобрява мрежата. Ако е така, можете да го върнете по всяко време след отстраняването на проблема.
- Кредитни коментари. И накрая, може да искате да оставите коментарите, които се отнасят до лицето, създало кода, или до версията на уебсайта, която сте направили, за да можете да се развивате или да отдадете кредит на човека, който е свършил работата (въпреки че е не се вижда визуално в някои случаи.