Якщо ви почали створювати власний веб-сайт, можливо, ви вирішили скористатися шаблоном замість того, щоб починати розробляти його самостійно (або тому, що у вас мало ідеї, або тому, що вам потрібна база). У цих шаблонах ви побачите, що іноді в CSS є коментарі. І ні, під цією назвою ми маємо на увазі не коментарі чи тексти, які читачі розміщують на вашому веб-сайті, а невеликі анотації, зроблені розробником і які допомагають знати, на що посилається кожна частина цього чудового коду, що формує. Шаблон (і що робить Мережу схожою на насправді.
Тоді, Чи знаєте ви, що таке коментарі CSS? Чи знаєте ви, як їх можна зробити? Сьогодні ми пояснюємо все, щоб ви про них знали.
Що таке коментарі?
У цьому випадку ми не збираємося посилатися на коментарі, що розуміються як тексти, які коментують новину та дозволяють взаємодіяти між користувачем та веб-сторінкою. Зокрема, ми маємо на увазі ті, які розміщені між тегами HTML і які візуально не видно, але знаходяться в коді програмування веб-сайту, таким чином, що робиться спроба повідомити людину, для чого призначений код, але без того, щоб це було відображено пізніше в Інтернеті (як є).
Для чого потрібні коментарі?
Наступне, що ви можете запитати себе, - навіщо розміщувати коментарі в шаблоні або в будь-якому програмному документі. І саме це, вірте чи ні, але ці анотації дуже ефективні, оскільки, уявіть наступну ситуацію: ви почали програмувати сторінку, яка займе у вас кілька місяців. Ви вносите багато змін, розклади на кожній зі сторінок тощо. І раптом, озирнувшись назад, ти задаєшся питанням, для чого був цей код, який там був. Або ще гірше, вам доведеться змінити колір або дизайн, і ви не знаєте, де він знаходиться серед усього коду, який ви ввели. Що було б безладу?
Ну, Ті анотації, які ви робите, як коментарі при програмуванні, допомагають вам запам’ятати причину цього коду або мати можливість знайти себе в проекті що у вас в руках. Таким чином, навіть якщо пройдуть тижні, місяці чи роки, ви будете знати, як ви все залишили і на що посилався кожен код, яким ви користувались.
В інших випадках ці коментарі використовуються для тестування певних аспектів, щоб вони активувались чи не в Інтернеті, залежно від того, чи дають вони помилку при їх використанні.
Звичайно, те, що коментарі не побачать візуально, не означає, що у вас є свобода писати що-небудь. Іноді коментарі можуть бути недоречними або змусити ваших клієнтів почуватися ображеними тим, що ви там викладаєте (тобто повномасштабною дискримінацією). Тож ви повинні бути обережними і класти лише те, що насправді потрібно. Оскільки, хоча їх і не буде видно, сьогодні існує безліч браузерів, які дозволяють вивчити HTML-код і разом з ним зробити помітними коментарі.
Як розміщувати коментарі CSS
CSS - одна з мов програмування, можливо одна з найбільш широко використовуваних, поряд з HTML, у веб-сторінках та креативному дизайні. Тому важливо знати його трохи більше. Насправді той, який ви будете використовувати найбільше, - це CSS3.
Тепер, якщо ви вже зробили свої "перші кроки" з програмуванням, ви будете знати, що коди використовуються для "одягання" структури, а CSS допомагає зробити ваш веб-сайт більш привабливим. Але всередині них є коментарі CSS. Вони однакові для будь-якої мови програмування, хоча в кожній із них написані по-різному.
Як ви робите коментарі в CSS? Ну, для цього вам потрібно зробити наступне:
- Відкрийте коментар кривою косою рисою (Shift + 7).
- Потім поставте зірочку.
- Це початок Вашого коментаря таким чином, що все, що Ви пишете з цього моменту, не буде візуально бачитись в Інтернеті, хоча це буде в HTML-коді Інтернету.
- Щоб закрити коментар, потрібно спочатку поставити зірочку, а потім криву скісну риску.
- Тоді наступне, що ви напишете, візуально вплине на Інтернет, і це буде видно.
Візуально коментар буде виглядати так:
/ * Ось коментар, який буде візуально прихований в Інтернеті * /
Якщо ви зробили це добре, швидше за все, воно буде виглядати сірим, а не чорним або іншими кольорами, як це відбувається з іншими кодами. Це означає, що він чітко вказаний, і це буде текст, який не відображатиметься в Інтернеті (у тій області, де ви його розмістили).
Типи коментарів у CSS, які ви можете розмістити
Поки ви працюєте з HTML, це нормально, що ви додаєте кілька коментарів, щоб мати можливість знати, що ви робите, або попередити вас, що є деталі, які не зроблені, або помилки, які вам доведеться виправити. Однак згодом важливо виключити ті типи коментарів, які насправді не будуть корисними. Це не означає, що вам слід видалити їх усіх.
Є кілька коментарів до CSS, які повинні залишитись. Який? Наступне:
- Уточнюючі коментарі. Це коментарі CSS, які допомагають пояснити щось конкретне. Наприклад, розмір зображень у певному розділі, щоб ви знали, які зображення використовувати.
- Блокувати коментарі. Тобто анотації, зроблені для обмеження кожного розділу або частини веб-сайту: нижній колонтитул, верхній колонтитул тощо.
- CSS вимкнено. З цим ви повинні бути обережними, тому що ви повинні переконатися, що він відключений, але він може працювати правильно, якщо ви захочете використовувати його знову. Наприклад, уявіть, що у вас є веб-сайт, і він дуже повільний. Потім ви вирішите відключити повзунок, який ви розмістили першим, і подивіться, чи покращує це роботу в Інтернеті. Якщо так, ви можете повернути його назад у будь-який час після усунення проблеми.
- Кредитні коментарі. Нарешті, ви можете залишити коментарі, які стосуються особи, яка створила код, або версії веб-сайту, який ви створили, щоб ви могли еволюціонувати або надати повагу тому, хто виконав роботу (хоча це в деяких випадках візуально не видно.