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

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

Чтобы быть менее загадочным, мы определяем наиболее распространенные функции, выполняемые комментариями HTML:

  • Написать общие аннотации к разметке;
  • Деактивировать части кода на этапе отладки или тестирования;
  • Сообщите о закрытии блоков кода, чтобы избежать путаницы;

Добавить комментарий в HTML

Давайте сразу перейдем к практике. Чтобы добавить комментарий, синтаксис довольно прост, заключите текст между <!--и -->:

<!-- Это коментарий -->

Мы также можем включить в комментарий много строк, и часто комментарии используются для деактивации некоторых частей разметки: вставляя тег в комментарий, мы оставляем его игнорируемым браузером. Например:

<p>Этот текст виден в браузере</p>
<!--
<p>Это коментарий и его не видно в браузере</p>
-->

Отметить закрытие тегов: div и не только

Среди наиболее часто используемых методов — использование комментариев для обозначения конца блока : часто они являются блочными элементами, такими как те, <div>которые определяют структуру (макет) страницы.

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

<div id="main">
	<article>
	   ...
	   контент
	</article>
	<div class="mybox">
		<ul>
		   <li>... </li>
		   <li>контентт</li>
		</ul>
	</div><!--/.mybox-->
</div><!--/#main-->

Условные комментарии html

Мы добавим эту часть для полноты. В прошлом Internet Explorer не всегда соответствовал стандартам HTML и CSS, этот недостаток дорого обходился браузеру Microsoft и заработал ему репутацию самого ненавистного браузера, особенно в кругах разработчиков, которым приходилось находить ряд приемов, чтобы избежать ошибок, представленными в разных версиях.

Условных комментариях в основном , полезны для для адаптации сайтов к капризам Internet Explorer, потому что они позволяют распознать версию IE (например, 6 — я, 7 — й и 8 — й) , и вы можете добавить соответствующий код, как правило , библиотеки Полифиллер CSS или JavaScript.

Это в конечном итоге комментарии с определенным синтаксисом:

<!--[if IE 7]>
<link rel="stylesheet" type="text/CSS" href="stile-per-IE7.css">
<![endif]-->

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *