Thymeleaf コメント

Thymeleafのコメントについて。

HTML/XMLコメント

HTMLやXMLのコメント「<!--」〜「-->」は、テンプレート処理（パース）後もそのまま出力される。

テンプレートの例：

	<h1>HTML/XMLコメント</h1>
	<!-- コメント1 -->

↓パース後

	<h1>HTML/XMLコメント</h1>
	<!-- コメント1 -->

Thymeleafパーサーレベルコメント

Thymeleafパーサーに対するコメントは「<!--/*」〜「*/-->」で記述する。
このコメントブロックは、テンプレート処理で削除される。

テンプレートの例：

	<h1>Thymeleafパーサーレベルコメント</h1>
	<!--/* コメント2 */-->

↓パース後

	<h1>Thymeleafパーサーレベルコメント</h1>
	

• タグを消したい場合はth:remove属性を使用する方法もある。
• 条件に応じてタグを消したり残したりする場合はth:if属性を使用する。

パーサーレベルコメントを利用し、テンプレートファイルをそのままブラウザーで表示した場合（プロトタイプ）だけ表示されるブロックを作ることが出来る。

テンプレートの例：

	<h1>Thymeleafパーサーレベルコメント</h1>
	<!--/*-->
	<div>この文章はテンプレートファイルを直接ブラウザーで見た場合（プロトタイプ）だけ表示される。</div>
	<!--*/-->

↓パース後

	<h1>Thymeleafパーサーレベルコメント</h1>
	

Thymeleafプロトタイプコメント

テンプレートファイルをそのままブラウザーで表示した場合（プロトタイプ）はコメントになり、テンプレート処理をすると出力されるブロックを「<!--/*/」〜「/*/-->」で記述できる。

テンプレートの例：

	<h1>Thymeleafプロトタイプコメント</h1>
	<!--/*/
	<div>この文章はパースした後だけ表示される。</div>
	/*/-->

（HTMLのコメントで囲まれているので、ブラウザーで直接見た場合は表示されない）

↓パース後

	<h1>Thymeleafプロトタイプコメント</h1>
	
	<div>この文章はパースした後だけ表示される。</div>