よく使うけど間違いやすいHTML特殊文字の正しい使い方とその用法

142

こんにちは。WEBクリエイターの KUDOH@NIJILOG です。

みなさまはHTMLで正しい記号をつかっておられますか?

記号には似ているようで似ていない、役割の全く異なる記号や、普段良く見るけどイマイチ意味がわからないけど、なんとなく使っている記号がたくさんあります。

今回はそんな記号に焦点をあて、HTML特殊コード、特に文字実体参照を中心に、間違いやすいものや意味のわかりにくいものを取り上げてみたいと思います。

ダッシュ、ハイフン(’–’、’—’、’-‘)

–
—
キーボード直接入力

ダッシュとハイフン。
見た目はそっくりですが、実は用途も形も明確に違います。

ダッシュは主に範囲を表す時につかうenダッシュ[–]と、文の装飾としてつかうemダッシュ[—]があり、ハイフン[-] ※1 は複数の単語や文字をまとめて一語として扱う場合に使用します。

※1 これは正確にはハイフンマイナスといって厳密に言えばハイフンではないのですが、ハイフンマイナスはハイフン、マイナスを包摂した記号になるので一般的にハイフンとして取扱います

例えば、enダッシュは時間の幅や数値の幅、emダッシュはタイトルとサブタイトルの区切りや時間の経過などを表し、ハイフンは電話番号や住所の番地などで使われます。

ダッシュとハイフンを間違えたまま論文を書いたりすると怒られますので要注意です。

U-NASA「バグズ2号計画」
神奈川県第3新東京市地下F区第6-24
ミラン 1–0 インテル
合従軍侵攻 – 函谷関攻防戦
女型の巨人 —第57回壁外調査—
Muttaの“M”は—— Miracleの“M”

三点リーダ(…)

…

無音の状態や文を省略する際につかいます。
一文字分で中黒が三つ入るのが特徴です。
小説などの物書き業界では二つでワンセットとして書くのが通例です。

「山の理……か」
「光脈筋に入ったのか……」

引用符(’abc’、”abc”、‘abc’、“abc”)

'
"
‘
’
“
”

言葉に特別な意味を持たせたり、会話を引用するときなどに使います。

呼び方は、クォートがひとつの場合はシングルクォート、ふたつならダブルクォートです。
シングルクォートとダブルクォートで文法上の明確な使い分けはルールはありません。
引用文中にさらに引用を使う場合などはシングルとダブルを併用して使います。

ちなみに、パッと見ただけではわかりにくいですが、フォントによっては対になるクォートがカールしているものをカーリークォート、シンプルでカールがないものをストレートクォートといいます。

‘そのとき彼が言ったんだ!“お前のモノは俺のモノ、俺のモノは俺のモノ”って。’

山括弧(’‹’、’›’、’«’、’»’)

‹
›
« «
» »

一対の括弧で囲んで文章の意味を区切るために使います。

括弧がひとつのものを山括弧、ふたつなら二重山括弧です。
山括弧と二重山括弧で文法上の明確な使い分けはルールはありません。

似ている記号としてキーボードから直接入力できる大なり小なり('<‘、’>’)がありますが、こちらは数学記号の不等号ですので区切りの意味合いでつかうのは誤りです。

‘おい、合言葉を言え。’
‘急いでるのに!’
‘‹風›’
‘‹谷›!’

スペース(’ ‘、’ ’、’ ’)

  &nbsp;
&ensp;
&emsp;

スペースは文字通り空白を挿入するために使います。
あまり知られていないかもしれませんが、空白にはいくつか種類があり、空白のHTMLコードでよく使われる「&nbsp;」は「ノーブレークスペース」を指しており、自動改行をしないスペースになります。
他のスペースとして、幅の狭いn幅空白(&ensp;)と幅の広いm幅空白(&emsp;)があります。

ブラウザの仕様で、連続する半角スペースをひとつにまとめてしまう物もあり、覚えておくといつか役に立つかもしれません。

コピーライト(©)

© &copy;

著作権を明記するためにつかいます。
ただ、これを書いても書かなくても著作権は自動的に適用されますので、半ば慣例のような意味合いしか持ちません。
コピーライトの書き方はサイトによってマチマチだったりするのですが、正式な書き方は「©」+「著作物の発行年」+「著者名」となっています。

© 2014 NIJIIROWORKS.llc

商標マーク(’™’、’®’)

&trade;
® &reg;

商品やサービスにつけるマークです。
企業や商品で固有のロゴ、名称などでつかいます。

™は単に商標として使用できるので、他社をふくめた登録済みの商標を侵害しない範囲であれば自由に決めてしまって大丈夫です。
®は特許庁に登録された「登録商標」を表すものですので、もし登録されていないものに対して登録商標マークを使用すると刑事罰の対象になります。

NIJILOG™

円通貨(¥)

¥ &yen;

日本円の通貨記号です。
ショッピングサイトのようなお金を扱う場合によく使う円記号ですが、半角で¥マークが表示できずに困ったことがありませんか?
そんなときは専用のHTMLコードがあるので、これをつかうとカンタンに表示できます。

¥10,000

 

今回はHTML特殊文字について特に取り上げたかったもの5点について書きましたがいかがでしたか?

実はこれを調べるまでハイフンの使い方を意識したことがなかったので軽くビックリしました。
以後気をつけます……