HTML
Комментарии
Поиск…
Вступление
В комментариях в HTML, как и в других языках программирования, разметки и разметки, другие разработчики имеют информацию о специфике разработки, не затрагивая пользовательский интерфейс. Однако, в отличие от других языков, HTML-комментарии могут использоваться для указания HTML-элементов только для Internet Explorer. В этом разделе объясняется, как писать комментарии HTML и их функциональные приложения.
Синтаксис
<!-- Comment text -->
замечания
Все, начиная с <!-- и заканчивая --> - это комментарий. Комментарии не могут содержать две смежные тире ( -- ) и должны заканчиваться ровно двумя тире (т.е. ---> неверно).
Комментарии не отображаются на веб-странице и не могут быть написаны с помощью CSS. Они могут использоваться разработчиком страницы для создания заметок в HTML или для скрытия определенного контента во время разработки.
Для динамических или интерактивных страниц скрытие и показ контента выполняется с помощью JavaScript и CSS, а не с комментариями HTML.
JavaScript может использоваться для получения содержимого узлов комментариев HTML, и эти узлы могут быть динамически созданы, добавлены и удалены из документа, но это не повлияет на отображение страницы.
Поскольку комментарии HTML являются частью исходного кода страницы, они загружаются в браузер вместе с остальной частью страницы. Исходный код обычно можно просмотреть с помощью опции меню веб-браузера «Просмотр источника» или «Просмотр источника страницы».
Создание комментариев
HTML-комментарии могут использоваться, чтобы оставлять заметки для себя или других разработчиков о конкретной точке кода. Они могут быть инициированы с помощью <!-- и заключены с --> , например:
<!-- I'm an HTML comment! -->
Они могут быть встроены внутри другого содержимого:
<h1>This part will be displayed <!-- while this will not be displayed -->.</h1>
Они также могут охватывать несколько строк, чтобы предоставить дополнительную информацию:
<!-- This is a multiline HTML comment.
Whatever is in here will not be rendered by the browser.
You can "comment out" entire sections of HTML code.
-->
Однако они не могут отображаться в другом теге HTML, например:
<h1 <!-- testAttribute="something" -->>This will not work</h1>
Это приводит к недопустимому HTML, поскольку весь блок <h1 <!-- testAttribute="something" --> будет считаться одним стартовым тегом h1 с некоторой другой недействительной информацией, содержащейся в нем, за которой следует единственная > закрывающая скобка, которая ничего не делает.
Для совместимости с инструментами, которые пытаются проанализировать HTML как XML или SGML, тело вашего комментария не должно содержать двух тире -- .
Условные комментарии для Internet Explorer
Условные комментарии могут использоваться для настройки кода для разных версий Microsoft Internet Explorer. Например, могут быть предоставлены различные классы HTML, теги скриптов или таблицы стилей. Условные комментарии поддерживаются в версиях Internet Explorer с 5 по 9. Старые и новые версии Internet Explorer и все браузеры, отличные от IE, считаются «downlevel» и обрабатывают условные комментарии как обычные комментарии HTML.
Downlevel скрытая
Скрытые в нижнем слое комментарии работают, инкапсулируя весь контент в том, что кажется нормальным комментарием HTML. Только IE с 5 по 9 все равно будет читать его как условный комментарий, и они будут скрывать или отображать содержимое соответственно. В других браузерах контент будет скрыт.
<!--[if IE]>
Revealed in IE 5 through 9. Commented out and hidden in all other browsers.
<![endif]-->
<!--[if lt IE 8]>
Revealed only in specified versions of IE 5-9 (here, IE less than 8).
<![endif]-->
<!--[if !IE]>
Revealed in no browsers. Equivalent to a regular HTML comment.
<![endif]-->
<!--
For purposes of comparison, this is a regular HTML comment.
-->
Downlevel-показало
Они немного отличаются от скрытых комментариев нижнего уровня: только сам условный комментарий содержится в синтаксисе нормального комментария. Браузеры, которые не поддерживают условные комментарии, просто игнорируют их и отображают остальную часть контента между ними.
<!--[if IE]>-->
The HTML inside this comment is revealed in IE 5-9, and in all other browsers.
<!--<![endif]-->
<!--[if IE 9]>-->
This is revealed in specified versions of IE 5-9, and in all other browsers.
<!--<![endif]-->
<!--[if !IE]>-->
This is not revealed in IE 5-9. It's still revealed in other browsers.
<!--<![endif]-->
Комментирование пробелов между встроенными элементами
Встроенные элементы отображения, обычно такие как span или a , будут содержать до одного символа пробела до и после них в документе. Чтобы избежать очень длинных строк в разметке (которые трудно читать) и непреднамеренного пробела (что влияет на форматирование), белое пространство может быть прокомментировано.
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
Попробуйте это без комментариев между встроенными элементами, и между ними будет одно пространство. Желательно получить символ пробела.
Пример кода:
<!-- Use an HTML comment to nullify the newline character below: -->
<a href="#">I hope there will be no extra whitespace after this!</a><!--
--><button>Foo</button>
<hr>
<!-- Without it, you can notice a small formatting difference: -->
<a href="#">I hope there will be no extra whitespace after this!</a>
<button>Foo</button>
Выход:
