閉じる
閉じる

あまめも

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. info

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

  2. take089-thumbnail

    WaznFilm更新】「Font Awesomeで何ができるの?…

  3. キーボード

    【HTML】入力する文字をキーボード風に表示したい【CSS】

  4. タイプライター

    文字の間隔を設定したいそんな時の設定方法

  5. サイトデザイン

    「サイトでキーワードを目立つ様に囲みたい!」そんな時はcssでク…

  6. HTML

    <ol>タグの表示を変更する際のtype一覧リスト

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

Twitter

ページ上部へ戻る