高岡智則
年齢：33歳 性別：男性 職業：Webディレクター（兼ライティング・SNS運用担当） 居住地：東京都杉並区・永福町の1LDKマンション 出身地：神奈川県川崎市 身長：176cm 体系：細身〜普通（最近ちょっとお腹が気になる） 血液型：A型 誕生日：1992年11月20日 最終学歴：明治大学・情報コミュニケーション学部卒 通勤：京王井の頭線で渋谷まで（通勤20分） 家族構成：一人暮らし、実家には両親と2歳下の妹 恋愛事情：独身。彼女は2年いない（本人は「忙しいだけ」と言い張る）
取り消し線とは？
取り消し線は、文字の上に横線を引く装飾のことです。文章の訂正を伝えたり、削除の意図を示したりするのに使われます。中学生にも分かるように、基本を押さえましょう。
基本的な使い方の考え方
紙の上で線を引く感覚を、デジタルの世界でも再現します。文の中の間違いをそのまま残しつつ、訂正案を後で見せることができます。読み手に混乱を与えないよう、意味があるところだけ取り消し線を使いましょう。
HTMLでの実装と意味の違い
HTML で取り消し線を実現する方法には次の3つがあります。<s>取り消す文字</s>、<del>削除された文字</del>、<strike>古い表現</strike> です。現代のウェブでは 意味のある削除を表す <del> と、視覚的な取り消しを表す <s> の使い分けが大事です。
なお、<strike> は古い名称です。必要なときは <s> か <del> を使い分けてください。
マークダウンとHTMLの違い
ウェブでは HTML のほかにマークダウンという書き方もあります。マークダウンでは取り消し線を文字の前後に波線を2つずつ置くことで表現します。例: ~~文字~~
実用例と注意点
取り消し線は、訂正の通知が読み手に伝わるよう、意味が変わるときだけ使います。読みやすさを大切にし、意味のある変更だけを示しましょう。
| 用途 | 訂正・削除の意図を伝える |
|---|---|
| HTML の代表タグ | <s>、<del>、<strike> |
| <del> は 取り消しの意味を伝える, <s> は 見た目だけの取り消しに使う | |
| 注意点 | 視覚情報だけでなく意味情報も伝えるべき |
まとめ
取り消し線・とは？というキーワードは、ウェブ文章だけではなく紙の文書にも共通する表現の考え方です。適切に使えば、訂正の意図を分かりやすく伝え、相手に混乱を与えずに情報を更新することができます。
取り消し線の同意語
- 取り消し線
- 文字の上に引かれた横線。元の文字を取り消した・無効にしたことを示す表示で、文書やウェブ上の取り消し・削除の表現として使われます。
- 取消線
- 取り消し線と同義の表現。文字を取り消した状態を示す横線のこと。
- 打ち消し線
- 文字の上に引く横線。読みは「うちけしせん」で、元の文字を取り消す表示として使われます。
- 打消し線
- 打ち消し線の別表記。文字を取り消す表示として用いられることがあります。
- 削除線
- 文字を削除したように見せる線。削除や取り消しの意図を示す表現として使われます。
取り消し線の対義語・反対語
- 下線
- 文字の下に線を引く装飾。取り消し線が文字を消したり取り消したりする意味を持つのに対し、下線は強調や可読性の向上を目的とすることが多いです。
- 太字
- 文字を太くして目立たせる表示。取り消し線の削除ニュアンスとは真逆に、内容を強調・重要性を示します。
- 斜体
- 文字を傾けて表示する装飾。強調や引用の用途が多く、取り消し線の否定的意味とは反対のニュアンスです。
- ハイライト（背景色での強調）
- 文字の背景を色でハイライトして注目を集める表示。削除の意味ではなく、重要性の表示として使われます。
- カラー文字（色付き文字）
- 文字の色を変えて区別・強調を示す表示。取り消し線の否定・取消の意味とは異なり、識別や重要性の訴求に使われます。
- 通常表示（元の表示）
- 取り消し線を使わず、普通の表示状態のこと。削除されたわけではなく、未変更・通常の状態を意味します。
- 承認マーク/OK表示
- チェックマークやOK表示のように、肯定・承認を示す表示。取り消し線の取消の意味とは反対の意味づけです。
- 挿入表示（追加を示す装飾）
- 新しく追加されたことを示す表示。取り消し線が削除を示すのに対し、追加・挿入の意味を持つ対義的な表示として捉えることができます。
取り消し線の共起語
- 削除線
- 文字列に横線を引いて取り消したことを示す表示。主にテキストの修正・削除を示す際に使われる。
- 打ち消し線
- 文字列の上に横線を引くことで、内容を取り消したり無効にしたりする表示。
- 取消線
- 文字列を取り消すことを示す横線の表現の一つ。
- ストライクスルー
- 英語の 'strikethrough' の日本語表現。横線で文字を取り消す表示。
- マークダウン
- テキストを取り消し線で表す記法の総称。代表例は '~~text~~'。
- delタグ
- HTMLの del 要素。削除されたテキストを示すマークアップ。
- sタグ
- HTMLの s 要素。取り消し線を表示するマークアップ。
- HTML
- ウェブページを作るためのマークアップ言語。取り消し線を実現するタグ（del, s）を含む。
- CSS
- スタイルシート言語。text-decoration: line-through で取り消し線を表示する方法を提供。
- text-decoration_line_through
- CSS のプロパティ値 'line-through' を使って文字に取り消し線を引く方法。
- クロスアウト
- 日常語で『取り消すこと』を意味し、文中の文字列に横線を引く表現として使われる。
- 修正線
- 文章の修正箇所を示す線。取り消し線の別表現として使われることがある。
取り消し線の関連用語
- 取り消し線
- テキストに横線を引く表現。情報の修正・過去情報を示したい場合に使われ、読み手に更新履歴を伝えます。
- sタグ
- HTML5 で現代的な取り消し線を表す要素。文脈に応じて意味を伝えることができます。
- delタグ
- 削除を意味する意味論的要素。変更履歴や削除箇所を示すときに使います。
- strikeタグ
- strike は古い HTML のタグで現在は非推奨。代わりに
やを使います。 - text-decoration: line-through
- CSS の text-decoration プロパティの値の一つ。HTMLタグに依存せず線を引く表示が可能です。
- line-through
- CSS の値の一つ。text-decoration の line-through で横線を引きます。
- Markdownの取り消し線
- Markdown 記法で取り消し線を表現します。例: ~~この文章~~
- 取消線
- 日本語の別表現。意味は取り消し線と同じ。
- 取り消し線の意味
- 情報の訂正・過去情報を示すため、読者へ更新履歴を伝える目的で使われます。
- アクセシビリティの注意点
- del と s の意味の違いを理解すること。スクリーンリーダーの読み上げ方にも影響します。
- 価格表示の取り消し線
- ECサイトなどで旧価格を示す際に使い、現在価格と区別する意図を伝えます。
- 取り消し線の歴史
- HTML4 の strike タグがあり、HTML5 では
かの使い分けが推奨されています。 - text-decorationプロパティ
- テキストの下線・取り消し線・その他装飾を一括して指定できる CSS プロパティです。
- 使用時の注意点
- 意味・アクセシビリティ・SEOの観点を踏まえ、装飾としてむやみに使わないようにします。
取り消し線のおすすめ参考サイト
インターネット・コンピュータの人気記事
