Авторизация

Рубрики блога


Рекомендуем



Последние комментарии

Облако тегов


Устами великих

"Странный этот мир, где двое смотрят на одно и то же, а видят полностью противоположное." © Агата Кристи

Мы Вконтакте

Записки вебмастера Рубрика, которая призвана собрать коллекцию полезных скриптов и авторских решений, интересных особенностей и стандартов верстки, решение вопросов юзабилити и функционала, полезных ресурсов и программ.
23
Авг

Комментарии в HTML и CSS. Условные комментарии в Internet Explorer

рейтинг материал 0.0 (0) | количество просмотров 1023 | количество коментариев 0
Рассмотрим каков синтаксис комментариев в кодах HTML и CSS. А также узнаем об условных комментариях для Internet Explorer.

Комментарий — это пояснение к коду которое никак не сказывается на результате его выполнения, но видно для разработчика и помогает ему вспомнить смысл того или иного отрывка. Нельзя недооценивать важность комментариев при написании кода. Без этого не обойтись в языках программирования, и это не менее важно в 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 таблицы стилей.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]