閉じる
閉じる

あまめも

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で画像を挿入する時に勝手にリンクが貼られるので…

  2. [甘]WordPressにログインできない!?「.htacces…

  3. info

    <p>タグの改行(余白)を調整したい時は【初心者用】…

  4. GitのリモートリポジトリをSSH接続で独自サーバに作成してみた…

  5. list

    <ol>リストを好きな番号から連番にしたい時

  6. アイコン

    HTMLで簡単に拡張子に合ったアイコンを設定する方法【css】

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

  1. take066-thumbnail

Twitter

ページ上部へ戻る