В процессе верстки я постоянно стараюсь совершенствовать свои навыки. Касается это и комментариев, которыми я помечаю блоки в разметке страниц. Было время, когда я вообще ничего не комментировал в коде, но позже осознал, что с ними гораздо удобнее просматривать код, т.к. становится проще разобрать, где ...
Это, пожалуй, 6-й совет, дополняющий мои 5 советов верстальщику, про который я забыл в свое время написать. Им можно было бы вытеснить один из тех 5 советов (если укладываться именно в 5), поскольку я считаю его важным. ...
Лучше поздно, чем никогда. Наконец-то я готов представить свои пять советов в рамках эстафеты, запущенной Никитой, тем более что «пинок» получил от трех человек. 1) Читайте блоги специалистов в данной сфере. Хотя уже и не так ...
Замечательный дизайнер Orman Clark однажды представил своим читателям очень красивый дизайн облака тегов, который я использовал на одном моем сайте. Расскажу, как сверстать такие теги для вашего сайта. Для начала необходимо приготовить ...
Пришло время, и я наконец-таки решился отказаться от верстки под устаревший браузер Internet Explorer 7. Если это будет верстка на заказ, то вносить изменения под него буду только за дополнительную плату, а для своих проектов забуду вообще. ...
Комментарии (40)
Последнее время стараюсь комментить парными тегами, мне так удобнее. Причем коммент лучше не лесенкой делать, как значимый код страницы, а всегда слева без отступов. Так проще видеть начало и конец блока.
код блока
Почти не комментирую. Иногда использую схему примерно описываемую Вами.
Безусловно комментарии нужны! ИМХО
Не так давно, но я все же стал их использовать, по-моему очень удобно!
to Фёдор Аксёнов
по моему проблемы с рендерингом встречаются достаточно редко
на моей практике только при вставки комментариев между float блоками.
Сам пользуюсь комментариями вот таким образом:
есть темплейт xtml файла в котором уже есть комментарии к основным блокам
<!-- BEGIN #wrapper --><br />
<div id="wrapper"><br />
<div id="header"> <br />
</div><!-- END #header --><br />
<br />
<div id="content"><br />
</div><!-- END #content --><br />
<br />
<div id="footer"><br />
</div><!-- END #footer --><br />
</div><br />
<!-- END #wrapper --><br />
при наличии большого количества кода в блоках или вложенности использую
<!-- END #similar-video --><br />
<!-- END. similar-video -->
Было бы интересно послушать как кто комментирует свои CSS файлы;)
Я комментирую так (извините сопру кусок чужого кода :)):
<div id="wrapper"><br />
<div id="header"><br />
</div><!-- header END --><br />
<br />
<div id="content"><br />
</div><!-- content END --><br />
<br />
<div id="footer"><br />
</div><!-- footer END --><br />
</div><br />
<!-- wrapper END --><br />
А знаете зачем слово END в конце — просто потому что при поиске (в большинстве редакторов) я просто нажимаю Ctrl+F, ввожу #wrapper, а потом для поиска конца нажимаю F3 — по-моему очень удобно.
А вот разделение на классы и ID по # и. я пожалуй возьму на вооружение :)
Комментариев не оставляю, делаю структуру кода вложенной, поэтому быстро ориентируюсь. Комментарии оставляю только если об этом просят заранее. Но все же думаю комменты нужны, и делать их думаю нужно как в начале блока так и в конце.
Ага, примерно также делаю. Только для подобных блоков в 90% именно идентификаторы, так что решетку или точку не ставлю. А ещё я однажды круто обломался с русскими комментариями в CSS, теперь там только на инглише пометки делаю.
А ты сохраняй CSS-файл в кодировке UTF-8, тогда обломов с русскими комментами не будет ;) Я, кстати, тоже их всегда на инглише пишу.
Я всегда в UTF-8 работаю. С русскими комментариями просто очередной специфичный глюк IE, поищи в сети, была информация где-то.
Я читал где-то эту инфу, только уже подзабыл, что там конретно рассказывалось. Думал, что юникод как раз и решит проблему в IE. Значит че-то путаю.
можно и не комментировать вообще… просто отделять блоки.
идентификаторы решётку и точку ставить нада …
Не знаю, лично я никогда не комментирую код, просто отступаю побольше пустых строчек.
возьму на заметку. я так пишу:
в твоих комментах смысла больше.
Когда делаю проект для себя, то не комментирую, в своем коде как рыба в воде.
Но, когда делаю заказ и потом свою верстку передаю заказчику, ключевые блоки комментирую, т.к. забочусь о програмере, который потом будет работать с моим творением :).
Такой вариант мне кажется наглядным и компактным:
В хтмл комментирую только закрывающий тег.
В цссе пишу на инглише, тоже обжегся на ие6.
Еще разделяю блоки в цсс пустым символом «*{}». Так удобнее смотреть на структуру блоков в панельке визавинга. Видно где блок начинается и заканчивается.
Я иногда пишу комментарии в транслите русские слова.
Для комментирования СМЫСЛОВЫХ блоков использую конструкцию:
Я комментирую вот так:
…
Комменты хороши тем, что выделяются в коде своей подсветкой. Глаз сразу видит, где какой блок находится.
В css вот так:
/* Header
------------------------------------------------*/
…
/* Generic
------------------------------------------------*/
/* typographics */
…
/* bla-bla */