閉じる
閉じる

あまめも

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. [甘]コンタクトフォームを「Contact Form 7」プラグ…

  2. ファイルの管理がめんどくさくなってきたから「Git」使ってみた!…

  3. タイプライター

    段落の始まりを一文字自動でインデントする

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

  5. list

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

  6. ブログにYouTube動画を載せたら領域をはみだすのでレスポンシ…

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

  1. HUB 看板

Twitter

ページ上部へ戻る