HTML тег . Комментарии в 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 уроков и советов

HTML тег  (комментарии)

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

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