メインコンテンツに移動
ホーム

古松

メインナビゲーション

  • ホーム
  • ビデオ
  • ご連絡

パンくず

  • ホーム
  • HTMLのPreタグ内にタグ(例:<div>など)を表示させる

HTMLのPreタグ内にタグ(例:<div>など)を表示させる

タグ(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のjsライブラリーの使用ができます

  • タグ(例:<div>など)が含まれるコンテンツをそのままで表示させたい場合、タグ:xmp利用することができます(すべての内容がそのままで表示されます)
  • syntaxhighlighterなどjsライブラリーの導入でhtmlタグ名の表示ができます

検索フォーム

カテゴリ別

  • laravel
  • drupal
  • javascript
  • windows
  • html
  • mysql
  • php
  • apache
  • css
  • SEO
  • video
  • wordpress
  • linux
  • python
  • Electron
  • Visual Studio Code

google ads