HTML тег <!– –> (комментарии)

Комментарии в html задаются с помощью конструкции <!– –>. Визуально на странице они никак не отображаются.

Синтаксис <!– –>

html-теги
<!-- Комментарий -->
html-теги

Комментарий в html можно растянуть на несколько строк

html-теги
<!-- Комментарий. Строка 1
Комментарий. Строка 2
Комментарий. Строка 3
-->
html-теги

Комментарий будет продолжаться до тех пор, пока не встретится первая закрывающаяся конструкция –>. Вложенный комментарий не поддерживается.

Примечание

Комментарии можно писать прямо внутри тегов:

<div <!-- комментарий--> class="shapka">

Практическая польза комментариев html

Комментарии в html позволяют значительно улучшить читаемость кода в дальнейшем. Да и просто удобнее понимать какой тег где закрывается, особенно, если много вложенных друг в друга тегов.

<html>
<head>
<title>Название страницы</title>
...
</head>
<body>
...
<div class="shapka"><!-- Открытие блока shapka-->
...
</div><!-- /shapka-->
...
<!-- Дальше идет основная часть сайта-->
<div class="page"><!-- Старт блока page-->
<div class="sidebar_left"><!-- Левый sidebar-->
...
</div><!-- /sidebar-->

<div class="content"><!-- Начало content-->
Основная часть сайта
</div><!-- /content-->
<!-- Подвал сайта-->
<div class="footer">
...
</div>
...
</div><!-- /page-->
</body>
</html>





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

Напоследок скажем, как написать комментарий в CSS. Есть два варианта.

  • Через два слэша // и после до конца строки будет все закомментировано.
  • Через конструкцию /* */, которая является многострочной. Не допускает вложенных комментариев.

Например

<style>
.align{
border: 1px solid #aaa; // Первый вариант через два слэша
background: #FFDEAD; /* Второй вариант */
padding: 3px;
text-align: left;
/* Допускаются многострочные комментарии
Строка 2
Строка 3

*/
}




Читайте также:

• HTML тег <form> – подробное описание с примерами

• HTML тег <a> – подробное описание с примерами

• Фреймы (теги <framne>, <frameset>, <noframe>, <iframe>)

• Коды символов для HTML

• Как сделать фон для сайта

• Что такое микроразметка сайта


← Перейти в каталог html уроков и советов

Читайте также:

Copy Protected by Chetan's WP-Copyprotect.