Markdownのハイライト
標準のMarkdownにはハイライトの記法がありません。HTMLの <mark> タグはHTMLが使える環境ならどこでも使え、一部のエディタは ==文字== にも対応しています。両方の書き方と使える場所を説明します。
要点
Markdownで文字をハイライトするには？
HTMLの <mark> タグで囲みます：<mark>ハイライト</mark>。GitHubやHTMLが使える多くのアプリで黄色い背景が付きます。ObsidianとTyporaでは ==ハイライト== も使えますが、拡張記法なので、ほかのレンダラーではそのまま表示されます。
Markdown
作業の前に<mark>ファイルをバックアップ</mark>してください。表示結果
作業の前にファイルをバックアップしてください。
ハイライトの書き方と例
<mark> タグはHTMLが使える環境ならほぼどこでも使えます。== の記法はアプリによります。
ほかの書式との組み合わせ
<mark> の中でもMarkdownが使え、タグを太字や斜体の中に入れることもできます。
Markdown
<mark>**締め切り：**金曜</mark>
**太字の中に<mark>ハイライト</mark>した語**表示結果
**締め切り：**金曜
太字の中にハイライトした語
リストや表の中のハイライト
リスト項目や表のセルの中でもタグが使えます。
Markdown
- [ ] <mark>証明書を更新する</mark>
- [x] ドキュメントを更新する
| プラン | 価格 |
| --- | --- |
| プロ | <mark>7,800円</mark> |表示結果
- 証明書を更新する
- ドキュメントを更新する
| プラン | 価格 |
|---|---|
| プロ | 7,800円 |
1つの段落に複数のハイライト
<mark> はタグの間の文字だけにかかるため、1つの段落に何か所でも付けられます。
Markdown
<mark>パスポート</mark>と<mark>予約番号</mark>、それにペンを持ってきてください。表示結果
パスポートと予約番号、それにペンを持ってきてください。
イコール2つの記法
Obsidianは ==文字== をハイライトとして表示し、Typoraは設定をオンにすると対応します。ほかのレンダラーではイコールが表示されます。
Markdown
作業の前に==ファイルをバックアップ==してください。ObsidianとTyporaだけの書き方です。ほかのMarkdownアプリでは表示が異なるため、プレビューはありません。
ハイライトが使えない環境
HTMLを取り除くアプリでは、太字で強調するのが一般的です。
Markdown
作業の前に**ファイルをバックアップ**してください。表示結果
作業の前にファイルをバックアップしてください。
各サービスでの対応状況
アプリが <mark> タグを残すか、== の記法に対応しているかで決まります。
| サービス | 対応 | 補足 |
|---|---|---|
| GitHub | 違いあり | <mark> はハイライトされ、==文字== はそのまま表示されます。 |
| Obsidian | 対応 | ==文字== と <mark> の両方が使えます。 |
| Typora | 違いあり | Markdownの設定で「ハイライト」をオンにすると ==文字== が使えます。 |
| Notion | 非対応 | 入力記法はなく、色のメニューでハイライトします。 |
| Discord / Slack | 非対応 | ハイライトはなく、太字で代用します。 |
よくある質問
Markdownにハイライトの記法はありますか？
CommonMarkとGitHub Flavored Markdownにはありません。
==文字== はObsidianやTyporaなどが対応する拡張記法です。それ以外の環境ではHTMLの <mark> タグを使います。GitHubでハイライトするには？
<mark>文字</mark> と書きます。GitHubは ==文字== に対応していません。ハイライトの色を変えるには？
Markdownに色の指定はありません。CSSが使える環境では
<mark style="background: #bbf7d0">文字</mark> のようにスタイルを付けます。GitHubなど多くのサイトは style を取り除きます。==文字== のイコールが表示されるのはなぜですか？
==文字== のイコールが表示されるのはなぜですか？アプリがこの拡張記法に対応していないためです。
<mark> を使うか、Typoraのように設定がある場合はオンにします。DiscordやSlackでハイライトできますか？
できません。どちらにもハイライトはないため、太字で代用します。