ダッシュ · Cloudflare Style Guide

ダッシュはハイフンに似ていますが、より幅が広いです。em ダッシュは最も幅広い種類のダッシュです。ダッシュの用途はハイフンとは異なります。次の 2 種類を使います。

ハイフン (-)

名詞の前に置く複合修飾語はハイフンでつなぎます。 名詞の前に来る複合修飾語は、個別の修飾語や名詞と区別するためにハイフンが必要です。名詞の後ろに来る複合修飾語にはハイフンを付けません。ハイフンは複合語や範囲の表現にも使います。

例:

追加の例:

✅	❌	理由
Protect your Internet property from common vulnerabilities with our enterprise-class Web Application Firewall (WAF).	Protect your Internet property from common vulnerabilities with our enterprise class Web Application Firewall (WAF).	「Enterprise-class」は、大規模企業のニーズに合わせて拡張し、対応できる能力を指します。複合修飾語が名詞の前に来るため、ハイフンが必要です。
Our WAF is enterprise class.	Our WAF is enterprise-class.	「Enterprise class」は「WAF」を修飾しています。複合修飾語が名詞の後ろに来るため、ハイフンは不要です。

1 文のなかで思考を区切るときは em ダッシュを使います。 em ダッシュ（—）または前後に空白を付けたダブルダッシュ（--）で、文中の思考を区切れます。シングルダッシュ（-）、つまりハイフンは、複合語 / 複合修飾語に使い、このように思考を区切る用途には使いません。

ダッシュは対で使う（括弧の代わり）か、単独で使う（セミコロンまたはコロンの代わり）ことがあります。

例:

Cookies provide saved information about a user’s session to establish a “state” — in most cases, identity — as your browser makes a request.
Embed yourself in the team — the best results will come when trust is built.

追加の例:

✅	❌	理由
The app has made security and privacy core to the company’s mission — and that is why it chose Cloudflare to provide an extra layer of protection.	The app has made security and privacy core to the company’s mission—and that is why it chose Cloudflare to provide an extra layer of protection.	文末の挿入句を区別するには、両側に空白のある em ダッシュが適切です。
ACME has always looked deeply into two sources of traffic -- organic and direct traffic.	ACME has always looked deeply into two sources of traffic - organic and direct traffic.	文末でトラフィックの種類を整理するには、ダブルダッシュが適切です。ハイフンをダブルダッシュの代わりに使わないでください。

ダッシュの補足情報:

句読点	文字 / HTML コード	Cloudflare ドキュメントでの使いどころ	根拠
ハイフン	&#45	負の数、複合名詞、複合形容詞、あいまいさの解消、一部の接頭辞、一部の単位	en ダッシュの代わりにハイフンを使います。
マイナス	−	使わないでください
em ダッシュ	—	空のテーブルセル	em ダッシュを多用すると文が途切れがちになり、読者の負担になります。
en ダッシュ	–	著作権の年の範囲	数字の範囲では、en ダッシュをマイナス記号と取り違える可能性があるため、「to」を使います。