閉じる
閉じる

あまめも

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. WordPressのタグやカテゴリを整理しようと思ったのでDBか…

  2. [甘]コンタクトフォームを「Contact Form 7」プラグ…

  3. 色々とあったのでWordPressをエディタで書こうとしてとりあ…

  4. HPでライン風の対話型吹き出しの表示に枠を付けたい!!ってなった…

  5. 【Mac】MAMPのMySQLを使ってコマンド入力する為のパスの…

  6. [甘]とりあえず、グローバルメニューの作成完了?

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

  1. info

Twitter

ページ上部へ戻る