Archie Goodwin

Комментарий — это пояснение к коду которое никак не сказывается на результате его выполнения, но видно для разработчика и помогает ему вспомнить смысл того или иного отрывка. Нельзя недооценивать важность комментариев при написании кода. Без этого не обойтись в языках программирования, и это не менее важно в html.

Комментарии в HTML

Пишутся в самом коде (но, разумеется не внутри тэгов) и имеют следующий синтаксис:

<!--Текст комментария -->

Как это выглядит непосредственно в коде

<!--шапка --> 
<div id="header"> 
 
<h1><a href="#"> Мой сайт</a></h1> 
</div> 
<!-- конец шапки -->

Где использовать комментарии, конечно, дело личного вкуса, но учтите, что над вашим кодом может впоследствии работать другой, или подумайте о том помогут ли эти комментарии разобраться вам в коде, например спустя месяц или два. Удобно бывает отделять комментариями различные такие логические элементы страницы, как меню, левая и правая часть страницы, какую-нибудь сложную рамку, или подобное. Может быть полезно также в структуре сложной страницы пометить где кончился тот или иной элемент div.

Комментарии в CSS

Они имеют несколько другой формат записи нежели комментарии в HTML коде:

/* здесь сам комментарий */ 

Пример использования:

/* меню */ 
#menu { 
background: url(images/menubg.jpg) repeat-x; 
width: 100%; 
height: 50px; 
} 

Условные комментарии в браузере Internet Explorer

Порой эти комментарии совсем незаменимы, так как Microsoft создавала Internet Explorer (особенно старые его версии), руководствуясь своим пониманием веб-стандартов, вёрстка страниц, которые отображались бы в нём корректно порою затруднительна. IE 8 в этом отношении является настоящим прорывом и намного более соответствует стандартам чем предыдущие версии IE.

Вот общий синтаксис условных комментариев в Internet Explorer:

<!--[ if IE 7]> Здесь то, что видит IE 7, но не видят другие браузеры <![endif]-->

Между if и IE могут стоять следующие конструкции с перечисленными значениями:
! — отрицание
lt — меньше чем
lte — меньше или равно
gt — больше чем
gte — больше или равно

Пример:

<!--[ if lte IE 7]> <link rel="stylesheet" type="text/css" href="iestyle.css" media="all" /> <![endif]--> 

Здесь мы подключили отдельную таблицу стилей для IE 7 и ниже. Пожалуй это один из самых распространённых и удобных примеров использования условных комментариев для IE, а именно с целью подключения дополнительной, видимой только IE таблицы стилей.