閉じる
閉じる

あまめも

WordPressで<div>の様なHTMLタグを表示する方法って?

こんにちは! あますた(@amaguristar)です。

ブログを書いていると「HTMLタグを表示したい」って時があります。しかもちょっとしたことで、わざわざプラグインを使ってまで表示させるほどの事でもない・・・これが結構厄介。

例えば、タグを表示しようと思ったらタグを普通に書いても表示されません。

‘<‘を「&lt;」、’>’を「&gt;」に置き換える必要があります。
つまり、<div>を表示しようと思ったら、「<div>」と書く必要があるということです。

「なんでこんなことをするの?」って思うかもしれませんが、これをしないと「これはタグなのか?」とPCが誤認してバグの原因になる可能性があるためです。そんな特殊文字が結構多いので、今後使うかもしれないと思いまとめときます。

 

まとめ

記号関係

& ・・・ &amp;
¥ ・・・ &yen;
\ ・・・ &#92;

括弧系

< ・・・ &lt;
> ・・・ &gt;
[ ・・・ &#91;
] ・・・ &#93;

著作権関係

© ・・・ &copy;
® ・・・ &reg;
™ ・・・ &trade;

今後もブログを書いていて気付いたら追加していこうと思います。

2020/06/29 追記
>> 【HTML】でタグや特殊記号を表示する方法【一覧】

2020/07/03 追記
>> 特殊記号を数字参照(コード直打ち)して文字化けを回避する方法

2020/07/03 追記
>> ショートカットキーの記号を入力しようとしたら「あれ?オプション記号(⌥)とかってどうやって入力するんだ?」ってなったので調べてみた

関連記事

  1. コロナ対策

    簡単!飲食店オーナーの「連絡先の把握に努める」というコロナ対策の…

  2. HTML

    【HTML】でタグや特殊記号を表示する方法【一覧】

  3. ブログデータをローカルに移す方法を良く忘れるのでメモしとこ〜っ

  4. テーブルの背景を簡単に奇数or偶数行で色を変えて見易くしたい!

  5. 09152021-thumbnail

    phpで日本語urlをエンコードorデコードする簡単な方法

  6. 線(line)

    【HTML】<hr>タグ(区切り線)を簡単にカスタム…

こんなメモもありますよ♪

  1. 五穀 店舗外観
  2. 濃い抹茶クッキー

Twitter

ページ上部へ戻る