Мы принимаем к оплате:
«Подарочный сертификат» от нашего Учебного Центра – это лучший подарок для тех, кто Вам дорог! Оплате обучение и подарите Вашим родным и близким обучение по любому из курсов!!!
«Сертификат на повторное обучение» дает возможность повторно пройти обучение в нашем Учебном Центре со скидкой 1000 рублей!
А также:
Комментарий в css
Комментарии в CSS: правила использования
Использование комментариев в коде всегда считалось хорошим тоном среди программистов. Это облегчает восприятие кода, помогает разделить его на логические блоки и особенно помогает в совместной работе над каким-либо проектом. В этой статье рассмотрим, как правильно использовать комментарии в CSS.
Что такое комментарии в коде и зачем они нужны?
Существуют общепринятые способы сделать код более читабельным и легким для восприятия — табуляция, использование пробелов и, разумеется, комментирование кода. Комментарии в CSS-коде выделяются специальными символами и не являются исполняемыми тегами, то есть браузер их игнорирует, они несут только информационную нагрузку.
Мы расскажем, каким образом грамотно прокомментировать ваш код.
Синтаксис комментариев
Для того, чтобы браузер не воспринимал информацию из блока с комментарием, а только отображал данные, используется следующий синтаксис:
.block { color: #000000; text-decoration: underline; /*этот текст будет подчеркнутым*/ font-style: italic;
}
Комментарии в CSS: правила использования
Использование комментариев в коде всегда считалось хорошим тоном среди программистов. Это облегчает восприятие кода, помогает разделить его на логические блоки и особенно помогает в совместной работе над каким-либо проектом. В этой статье рассмотрим, как правильно использовать комментарии в CSS.
Что такое комментарии в коде и зачем они нужны?
Существуют общепринятые способы сделать код более читабельным и легким для восприятия — табуляция, использование пробелов и, разумеется, комментирование кода. Комментарии в CSS-коде выделяются специальными символами и не являются исполняемыми тегами, то есть браузер их игнорирует, они несут только информационную нагрузку.
Мы расскажем, каким образом грамотно прокомментировать ваш код.
Синтаксис комментариев
Для того, чтобы браузер не воспринимал информацию из блока с комментарием, а только отображал данные, используется следующий синтаксис:
.block { color: #000000; text-decoration: underline; /*этот текст будет подчеркнутым*/ font-style: italic; }То есть текст заключается в конструкцию /*...*/. Браузер не будет воспринимать комментарии в CSS в качестве элементов, которые следует исполнять. Они могут располагаться в любом месте документа.
Очень часто CSS-код в ходе работы над проектом становится длинным, с большим количеством разнообразных блоков — один, к примеру, описывает шапку сайта, следующий — поля ввода текста и так далее. Для того, чтобы аккуратно выделить каждый из таких блоков, тоже можно использовать комментарий. Многие разработчики делают это так следующим образом.
/* ------------------Это левая часть------------------*/ #left { background: red; width: 20%; height: 100%; } /* ------------------Это правая часть------------------*/ #right { background: green; width: 80%; height: 100%; }То есть сам комментарий выделяется при помощи дефисов, чтобы визуально выделить ту часть работы, которую требуется отметить.
Комментарий в CSS может быть как многострочным, так и однострочным, это не регламентировано. Важно лишь то, что указано между открывающим и закрывающим тегом.
Иногда требуется отключить какой-то отрывок кода, чтобы проверить, каким образом форматирование будет отображаться в браузере без него. Достаточно неудобно каждый раз копировать его в новый документ, есть риск потерять его из буфера обмена — в таком случае проще всего заключить его в синтаксис комментария.
Комментарии в CSS могут состоять из любого набора текстовых, числовых или символьных обозначений, нет разницы, на каком языке они выполнены.
Вложенные комментарии не поддерживаются, запрещено использовать один комментарий внутри другого.
Комментирование используется в следующих случаях:
- Для удобства понимания кода его автором. Когда нужно внести правки в работу, гораздо легче найти блок, когда он снабжен поясняющей подписью.
- В командной работе над проектом, когда нужно указать коллегам на ту или иную информацию в теле документа.
- Для логического разделения кода на определенные блоки, что также существенно упрощает работу.
- В комментарий можно добавить вспомогательные отрывки кода, которые нужно перестать отображать в определенный момент.
- Как правило, в начале кода C SS в форме комментариев указывается информация о разработчике и другие информационно-технические данные, такие как название проекта, имя автора, дата создания и другие.
В заключение стоит сказать, что комментарии, безусловно, прекрасный и необходимый инструмент разработчика, однако чем больше их в теле документа, тем больше его вес, а это может негативно влиять на быстродействие сайта.
Комментарии в HTML-, CSS-, JS- и PHP-коде
Эту статью я начну с того, для чего нужны комментарии. Предположим, что вы разрабатываете модуль со сложной структурой. Или делаете верстку с множеством вложений элементов. В таких случаях некоторые участки кода лучше всего как-то помечать – для этого и существуют комментарии.
Сейчас я подробно покажу четыре типа комментариев, точнее, все их виды для четырех разных кодов.
Комментарии в HTML-разметке
Для того чтобы добавить комментарий в HTML-разметку, используем:
Все, что стоит в этих тегах, не видно на экране, но доступно для просмотра в исходном коде.
Комментарии в CSS-стилях
Для того чтобы добавить комментарий в CSS-стили, используем:
/* Текст, код или прочее */Все, что стоит в этих тегах, не учитывается при формировании стилей, но доступно для просмотра в самом файле стилей.
Комментарии в JavaScript-коде
Для добавления комментариев в JavaScript существуют два их типа.
Первый тип:
// Текст, код или прочееВторой тип:
/* Текст, код или прочее */Все, что стоит в этих тегах, не учитывается при выполнении скрипта, но доступно для просмотра в самом файле JavaScript.
Комментарии в PHP-коде
Этот язык программирования, в отличие от предыдущих, имеет 3 типа комментариев.
Первый тип:
// Текст, код или прочееВторой тип:
/* Текст, код или прочее */И третий тип:
# Текст, код или прочееВсе, что стоит в этих тегах, не учитывается при выполнении скрипта и видно только в самом файле PHP.
Обратите внимание!
1. Не рекомендуется делать двойное вложение комментариев. Например,
/* /* Мой код */ */выведет вам ошибку.
2. Комментарии, которые пишутся через /* */ и , могут писаться в несколько строк:
/* Это Мой Код */В остальных же случаях для каждой строки нужно писать специальный символ комментария, например:
// Это // Мой // КодВ противном случае вы также обнаружите ошибку.
Комментарии в CSS
Точно также как в языках HTML, различных языках программирования и.т.д. в технологии CSS также есть возможность делать заметки в коде.
Эти заметки не будут влиять на работоспособность стилей, но будут помогать людям вспомнить для чего был написан тот или иной фрагмент кода, нести информацию об авторе стилей и.т.д.
Как вы уже, наверно, догадались, такие заметки называются комментариями.
Создаются они довольно просто, с помощью вот такой конструкции:
/* Код комментария */Посмотрите на следующий скриншот одного файла стилей, на котором можно наглядно увидеть, как выглядят эти комментарии.
В визуальных редакторах кода, как правило, комментарии выделяются либо серым, либо желтым цветом.
С помощью комментариев можно также быстро сделать неработоспособным какой-либо кусок кода без удаления его и в случае необходимость быстро его восстановить, просто убрав комментарий.
К примеру, нам нужно сделать неработоспособным следующий стиль:
ol, ul { /*list-style: none;*/ }Все он не работоспособный. Убираем комментарий:
ol, ul { list-style: none; }и стиль снова в работе.
В общем, комментарии довольно удобная штука, которой приходится довольно часто пользоваться на практике. Возьмите и вы их на вооружение.
