• HOME > 
  • HTML > 
  • HTMLでの特殊文字の記述

HTMLでの特殊文字の記述

投稿日:

このページにはGoogleアドセンス広告とアフィリエイト広告が含まれています。

カテゴリー記事のアイキャッチ画像

本記事は執筆時点(2020年12月12日)の情報をベースにしております。掲載している情報が最新ではない可能性がありますので何卒ご容赦ください。

広告
広告

特殊文字とは?

「」や「©」などは特殊記号とされ、ブラウザなどの閲覧環境によっては正しく表示されない可能性があります。

また、HTML上で入力した「スペース(空白)」もブラウザでは除外され正しく空白を空けれなかったり、レイアウト崩れをまねいたりします。

「<>」においてもHTMLではタグとして誤って認識されてしまう恐れがあり、こちらもレイアウト崩れをまねきます。

そこでHTMLでは、いずれの環境でも正しく表示されるように特殊文字は専用の形式で記述して表示させます。

HTMLの特殊文字の書き方

特殊文字は「&」(アンド)と「;」(セミコロン)で囲って記述します。

        <p>© 20XX サンプル株式会社 All Rights Reserved</p>
    

© 20XX サンプル株式会社 All Rights Reserved

よく使う特殊文字一覧

&(アンド)&amp;
©(コピーライト)&copy;
"(ダブルクォーテーション)&quot;
'(シングルクォーテーション)&apos;
>(大なり)&gt;
<(小なり)&lt;
空白(半角スペース)&nbsp;

全角スペースにしたい場合は、&nbsp;を2つ並べて対応します。

まとめ

閲覧環境は人それぞれです。自分の使用環境で表示されたから問題無いとせず、正しい記述方法で書くようにしましょう。

広告
広告

関連する記事

サムネイル

HTMLのpicture要素とsourceタグの使い方【レス……

2024年11月07日
picture要素を使った画像の表示について備忘録としてまとめます。 picture要素とは? HTMLのpicture要素は、様々な画面サイズやブラウザに合わ […]
サムネイル

video要素とsource要素で画面サイズに応じて読み込む……

2024年09月19日
最終更新日:2024年11月07日
HTMLのsource要素とは? HTMLのsource要素は、video要素やpicture要素の子要素として複数のメディアソースを指定したいときに使う要素で […]
サムネイル

HTMLのテキストボックスにクリアボタンを実装【inputの……

2024年09月04日
inputのtype属性を「search」にすれば自動的にクリアボタンが表示されます。簡単ですがデザインはブラウザに依存しておりカスタマイズはできません。JSを使って処理を自作する方法は、HTML・CSS・JSに関するある程度の知識が必要ですが、自由にカスタマイズできます。
サムネイル

HTMLのinputのdateで日付の入力欄を作る【初期値や……

2023年10月01日
最終更新日:2023年09月28日
HTMLのinputタグのtype属性にdateを指定すると、フォームなどに日付の入力欄を設置することができます。
サムネイル

ブラウザキャッシュを回避するCache Bustingの方法……

2023年09月01日
Cache Busting(キャッシュバスティング)とはキャッシュを利用せずに読み込みするように指定することです。
サムネイル

HTMLのdatalistタグの使い方【文字入力とプルダウン……

2023年08月08日
HTMLのdatalistは、テキストボックスとセレクトボックスを組み合わせたような入力欄を作ることができるタグです。一見普通のテキストボックスですが、クリックすると用意した入力候補が表示されます。
サムネイル

HTMLでラジオボタンを作成する方法【初期値の設定・チェック……

2023年08月08日
HTMLのinputタグのtype属性にradioを指定すると、フォームなどにラジオボタンを設置することができます。複数の選択肢の中からどれかひとつをユーザーに選んでもらいたい時に使用します。