Методы обхода комментариев внутри тегов HTML
HTML не позволяет использовать <!--
и -->
для пометки комментариев внутри тега. Однако есть обходные пути для основных вариантов использования.
Чтобы добавить комментарий в тег HTML
Вы можете просто создать атрибут, который будете использовать, чтобы комментировать себя. Например:
<div comment="Name and Id">
...
</div>
Основным недостатком является то, что комментарии не будут удалены при минификации, поэтому:
- это займет место в вашем окончательном HTML-документе, предоставленном пользователю
- если пользователь нажмет
View source
, он сможет читать ваши комментарии
Для временного отключения атрибута
Просто переименуйте атрибут с префиксом, который, как вы знаете, указывает на временное отключение. Например, чтобы отключить атрибут с именем option
:
<div option="big">
...
</div>
становится
<div DISABLED-option="big">
...
</div>
Очевидно, не делайте этого, если на самом деле есть действительный атрибут с именем disabled-option
.
Для временного отключения класса или стиля
Поскольку при использовании несуществующего класса или стиля сообщение об ошибке отсутствует, это можно сделать, чтобы отключить класс или стиль:
Например, чтобы отключить класс с именем tall
при сохранении класса с именем highlighted
:
<div class="highlighted tall">
...
</div>
становится
<div class="highlighted DISABLED-tall">
...
</div>
Аналогично, чтобы отключить стиль color
при сохранении стиля font-weight
:
<div style="font-weight:700; color:red;">
...
</div>
* * Становится тысяча сорок-девять
<div style="font-weight:700; DISABLED-color:red;">
...
</div>
Опять же, помните, что они не будут удалены во время минимизации, поэтому они будут занимать место в файле, который получает конечный пользователь, и будут доступны для просмотра с View source
.