HTMLのPreタグ内にタグ（例：<div>など）を表示させる

html
html

タグ（pre）がソースコードの表示によく使用されます

  • タグ（pre）がHTML内で記述されたコンテンツをそのままで表示します
  • ソースコードなどを表示させるためによく利用されます

問題点：preタグ内にタグ（例：<div>など）の表示ができません

  • タグpre内でタグ名があったらコメントアウトされます 
    <html>

<pre>
    <?php
      global $language ;
      var_dump($language) ;
    ?>
</pre>

</html>
    タグpre内にタグ名がコメントアウトされる
  • タグの記号（<>など）をHTMLエスケープする必要があります
    • '&'　:　 '&amp;',
    • "'"　:　 '&#x27;',
    • '`'　:　 '&#x60;',
    • '"'　:　 '&quot;',
    • '<'　:　 '&lt;',
    • '>'　:　 '&gt;'

タグ記号をエスケープを回避する方法としてはxmpタグの使用かsyntaxhighlighterのｊｓライブラリーの使用ができます

  • タグ（例：<div>など）が含まれるコンテンツをそのままで表示させたい場合、タグ：xmp利用することができます（すべての内容がそのままで表示されます）
  • syntaxhighlighterなどｊｓライブラリーの導入でｈｔｍｌタグ名の表示ができます