• Страница 1 из 1
  • 1
Форум » Web-Раздел » Начинающему вебмастеру » Как написать строку комментарий в CSS коде (Включение комментариев в ваш CSS-код полезно и рекомендуется)
Как написать строку комментарий в CSS коде
Kosten
Пятница, 26 Июля 2019 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44356
Награды: 70
Каждый веб-сайт состоит из структурных, которые изначально определяются HTML, функциональных и стилистических элементов. Где каскадные таблицы стилей или просто CSS используются для определения внешнего или определенного вида веб-сайта. Эти стили хранятся отдельно от основной структуры HTML, что позволяет легко обновлять и придерживаться веб-стандартов.

Добавление комментариев к файлам CSS портала, это отличный способ организовать разделы этого кода для читателя, который просматривает документ. Это также обеспечивает согласованность, когда один веб-профессионал начинает с того места, где остановился другой или когда на сайте работают группы людей.

Хорошо отформатированные комментарии могут сообщать о важных аспектах таблицы стилей членам команды, которые, возможно, уже не знакомы с кодом. Эти описания с названием также очень полезны для людей, которые работали на сайте раньше, но не в последнее время; веб-дизайнеры обычно работают на многих сайтах, и запоминание стратегий проектирования от одного к другому затруднительно.



Добавление комментариев CSS:

Добавить комментарий CSS довольно просто, где не сложно добавляете комментарий с правильными открывающими и закрывающими тегами комментариев:

CSS

1. В начале описание комментарий:

Код
/ *

2. Закройте свой комментарий:

Код
* /

Все, что появляется между этими двумя тегами, является содержимым комментария, видимым только в коде и не отображаемым браузером.

Комментарий CSS может занимать любое количество строк.

Вот два примера:

Код
/* здесь находиться пример для красной рамки */
div#border_red {
border: thin solid red;
}

/***************************
****************************
Стиль для кодового текста
****************************
***************************/


Разрыв разделов

Многие дизайнеры объединяют таблицы стилей в небольшие, легко усваиваемые фрагменты, которые легко сканировать при чтении. Как правило, перед вами появляются комментарии, но сразу за ним следуют последовательности дефисов, которые создают большие очевидные разрывы на странице, где легко увидеть.

Код
/*----------------------- Стили заголовков --------------------------*/


Эти комментарии указывают на начало нового раздела кодирования.

Закомментирование кода

Поскольку теги комментариев говорят браузеру игнорировать все, что находится между ними, вы можете использовать их для временного отключения определенных частей кода CSS. Это может быть удобно при отладке или при настройке форматирования веб-страницы. Где дизайнеры часто используют их, чтобы «закомментировать» или «отключить» области кода, чтобы посмотреть, что произойдет, если этот раздел не является частью страницы.

Для этого просто добавьте открывающий тег комментария перед кодом, который вы хотите закомментировать, где нужно поместить закрывающий тег там, где вы хотите, чтобы отключенная часть заканчивалась. Ничто между этими тегами не повлияет на визуальное отображение сайта, что позволит вам отладить CSS, чтобы увидеть, где происходит проблема. Затем вы можете пойти и исправить только эту проблему и удалить комментарии из кода.

Советы по комментированию CSS

Напомним несколько советов, которые следует помнить для использования комментариев в вашем CSS:

1. Комментарии могут занимать несколько строк.
2. Комментарии могут включать элементы CSS, где вы не хотите отображать в браузере, но которые не хотите полностью удалять. Не забудьте удалить неиспользуемые стили (вместо того, чтобы оставлять их закомментированными), если вы решите, что они вам не нужны на веб-сайте.
3. Используйте комментарии всякий раз, когда вы пишете сложный CSS, чтобы добавить структуру, прояснить проектные решения и сообщить будущим разработчикам (или напомнить себе) о важных соображениях. Это экономит время в будущем для всех участников.
4. Комментарии также могут включать мета-информацию, такую как:

— Автор
— Дата создания
— Авторское право


Хотя добавление слишком большого количества комментариев может повлиять на скорость и производительность загрузки сайта, не стесняйтесь их использовать. Где также бы потребовалось бы много строк комментариев, чтобы оказать существенное негативное влияние.
Прикрепления: 8566391.jpg (18.1 Kb)
Страна: (RU)
Форум » Web-Раздел » Начинающему вебмастеру » Как написать строку комментарий в CSS коде (Включение комментариев в ваш CSS-код полезно и рекомендуется)
  • Страница 1 из 1
  • 1
Поиск: