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


Advertisements

src="https://pagead2.googlesyndication.com/pagead/show_ads.js">

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

Комментарии HTML помещены промежуточные <!-... - > признаки. Таким образом, любое содержание поместило в пределах <!-... - > признаки будет рассматривать как комментарий и полностью проигнорирует браузер.

Пример

<!DOCTYPE html>
<html>
<head>  <!-- Document Header Starts -->
<title>This is document title</title>
</head> <!-- Document Header Ends -->
<body>
<p>Document content goes here.....</p>
</body>
</html>

Это приведет к следующему результату, не показывая содержание, данное как часть комментариев:

Document content goes here.....

действительный против недействительных комментариев

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

Пример

Здесь данный комментарий действительный комментарий и будет вытерт браузером.

<!DOCTYPE html>
<html>
<head>
<title>Valid Comment Example</title>
</head>
<body>
<!--   This is valid comment -->
<p>Document content goes here.....</p>
</body>
</html>

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

<!DOCTYPE html>
<html>
<head>  
<title>Invalid Comment Example</title>
</head> 
<body>
< !--   This is not a valid comment -->
<p>Document content goes here.....</p>
</body>
</html>

Это приведет к следующему результату:

< !-- This is not a valid comment -->

Document content goes here.....

Многострочные Комментарии

До сих пор мы видели единственные комментарии линии, но HTML поддерживает многострочные комментарии также.

Вы можете прокомментировать, что многократные линии к специальному началу помечают <! - и заканчивающий признак - > помещенный перед первой линией и концом последней линии как показано в данном примере ниже.

Пример

<!DOCTYPE html><html>
<head>  
<title>Multiline Comments</title>
</head> 
<body>
<!--   
This is a multiline comment and it can
span through as many as lines you like.
-->
<p>Document content goes here.....</p>
</body>
</html>

Это приведет к следующему результату:

Document content goes here.....

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

Условные комментарии только работают в Internet Explorer (IE) над Windows, но они проигнорированы другими браузерами. Они поддержаны от Исследователя 5 вперед, и Вы можете использовать их, чтобы дать условные инструкции различным версиям IE.

Пример

<!DOCTYPE html><html>
<head>  
<title>Conditional Comments</title>

<!--[if IE 6]>
   Special instructions for IE 6 here
<![endif]-->

</head> 
<body>
<p>Document content goes here.....</p>
</body>
</html>

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

Используя признак комментария

Есть немного браузеров та поддержка < comment> пометьте, чтобы прокомментировать часть HTML-кода.

Пример

<!DOCTYPE html><html>
<head>
<title>Using Comment Tag</title>
</head>
<body>
<p>This is <comment>not</comment> Internet Explorer.</p>
</body>
</html>

Если Вы будете использовать IE тогда, то он приведет к следующему результату:

This is Internet Explorer.

Но если Вы не будете использовать IE, то тогда он приведет к следующему результату:

This is not Internet Explorer.

комментируя код

подлинника

Хотя Вы изучите Javascript с HTML в отдельной обучающей программе, но здесь Вы должны записать это, если Вы используете Явский Подлинник или Подлинник VB в Вашем HTML-коде тогда, рекомендуется поместить тот кодекс подлинника в надлежащих комментариях HTML так, чтобы старые браузеры могли работать должным образом.

Пример

<!DOCTYPE html><html>
<head>
<title>Commenting Script Code</title>
<script>
<!-- 
   document.write("Hello World!")
//-->
</script>
</head>
<body>
<p>Hello , World!</p>
</body>
</html>

Это приведет к следующему результату:

Hello World!

Hello , World!

таблицы стилей комментария

Хотя Вы изучите таблицы стилей использования с HTML в отдельной обучающей программе, но здесь Вы должны записать это, если Вы используете Casecading Style Sheet (CSS) в своем HTML-коде тогда, рекомендуется поместить тот кодекс таблицы стилей в надлежащих комментариях HTML так, чтобы старые браузеры могли работать должным образом.

Пример

<!DOCTYPE html><html>
<head>
<title>Commenting Style Sheets</title>
<style>
<!--
.example {
  border:1px solid #4a7d49;
}
//-->
</style>
</head>
<body>
<div class="example">Hello , World!</div>
</body>
</html>

This will produce following result:

Hello , World!
Advertisements