Буферизованные комментарии выглядят так же, как однострочные комментарии JavaScript. Они действуют примерно как теги разметки, генерируя HTML-комментарии на рендерной странице.

Как и теги, буферизованные комментарии должны располагаться на отдельной строке.

// just some paragraphs
p foo
p bar

<!-- just some paragraphs-->
<p>foo</p>
<p>bar</p>

Pug также поддерживает небуферизованные комментарии. Просто добавьте тире (-) в начало комментария.

Они предназначены только для комментирования самого кода Pug и не отображаются в рендеренном HTML.

//- will not output within markup
p foo
p bar

<p>foo</p>
<p>bar</p>

Блочные комментарии

Блочные комментарии тоже работают:

body
  //-
    Comments for your template writers.
    Use as much text as you want.
  //
    Comments for your HTML readers.
    Use as much text as you want.

<body>
  <!--Comments for your HTML readers.
Use as much text as you want.-->
</body>

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

В Pug нет специального синтаксиса для условных комментариев. (Условные комментарии — это особый способ добавления резервного разметки для старых версий Internet Explorer.)

Однако, так как все строки, начинающиеся с <, обрабатываются как текстовые, обычные условные комментарии в стиле HTML работают без проблем.

doctype html

<!--[if IE 8]>
<html lang="en" class="lt-ie9">
<![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<!--<![endif]-->

body
  p Supporting old web browsers is a pain.

</html>

<!DOCTYPE html>
<!--[if IE 8]>
<html lang="en" class="lt-ie9">
<![endif]-->
<!--[if gt IE 8]><!-->
<html lang="en">
<!--<![endif]-->

<body>
  <p>Supporting old web browsers is a pain.</p>
</body>

</html>

Комментарии

Блочные комментарии

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