📑

Markdown記法でインデントする話 (Zenn)

2024/08/10に公開

Zenn

概要

ZennのMarkdown記法^[1]で書いた本文にインデントを適用して表示する方法について調べてみました.

$\qquad$ Markdown記法で文章を書いている時にインデントを適用したくなる時がたまにある. しかしこれがなかなか上手く行かない. なぜならMarkdown記法において文頭の空白スペース文字が意味を成すためである^[2]. そこで様々な書き方で表記したインデントを下記の例文の文頭に組み込んで試してみた.

例文

この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

"[ ]"は空白文字を示す.
今回はZennでの表示について調査した.

1. エスケープ無し

[ ]この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

[ ][ ][ ]この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

[ ][ ][ ][ ]この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

この文章はインデントされて表示される予定ですが,

Markdown記法に従ってその書き方によって表示が変わります.

2. HTML

&nbsp;この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

&nbsp;&nbsp;この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

&#xa0;この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

&#160;この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

<p> </p>この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

<p> </p>この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

3. KaTex^[3]の埋め込み

$\,$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\,$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$\thinspace$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\thinspace$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$\>$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\>$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$\:$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\:$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$\medspace$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\medspace$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$\;$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\;$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$\thickspace$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\thickspace$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$\enspace$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\enspace$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$\quad$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\quad$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$\qquad$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\qquad$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$~$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$~$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$\nobreakspace$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\nobreakspace$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

$\space$この文章はインデントされて表示される予定ですが,[ ][ ]\n
Markdown記法に従ってその書き方によって表示が変わります.

結果

$\space$ この文章はインデントされて表示される予定ですが,
Markdown記法に従ってその書き方によって表示が変わります.

脚注

Zenn公式, 2020: ZennのMarkdown記法一覧. Zenn. https://zenn.dev/zenn/articles/markdown-guide ↩︎
Yarakashi_Kikohshi, 2022: Markdown 記法を組み合わせてさまざまな書き方をしたい. Qiita. https://qiita.com/Yarakashi_Kikohshi/items/5073caeac2a61159ced3 ↩︎
Khan Academy and other contributors, 2024: Supported Functions. KaTex. https://katex.org/docs/supported ↩︎

概要

例文

1. エスケープ無し

2. HTML

3. KaTex[3]の埋め込み

Discussion

3. KaTex^[3]の埋め込み