MarkdownはQiitaやTumblr等様々なメディアにおいて標準的な記述スタイルとして使われていますが、慣れれば使いやすい一方使わないとすぐ忘れてしまうのが玉に瑕。というわけでチートシート的なものを作りましてん。
Wikipediaによると、HTMLをはじめとしたマークアップ言語を簡素化したもので、誰でも簡単にウェブ上で文章を書けるようにした記法ということで覚えておけば大丈夫かと思います。文章を書く際に、いちいち<>で括るの面倒ですものね。
ここで、良い点・悪い点をまとめてみます。このセクションは飛ばしてもらっても全く問題ありません。
HTMLタグ使用可能:
記述スピードの高速化:
スタイルを引き継がない:
タイポが増える場合がある:
全てのHTMLタグをMarkdownに置き換えられるわけではない:
お待たせしましたチートシートです。 下表のものはよく使うので覚えておくと楽だと思います。ちなみにこのチートシート自体もMarkdownで記述しています。
項目 | HTML | Markdown |
---|---|---|
見出し | <h1>見出し1</h1> <h2>見出し2</h2> <h3>見出し3</h3> <h4>見出し4</h4> <h5>見出し5</h5> <h6>見出し6</h6> |
# 見出し1 ## 見出し2 ### 見出し3 #### 見出し4 ##### 見出し5 ###### 見出し6 |
太文字 | <strong>太文字</strong> | ** 太文字 ** |
イタリック | <em>イタリック</em> | *イタリック* |
太文字+イタリック | <strong><em>太文字イタリック</em></strong> | ** *太文字イタリック*** |
引用 | <blockquote>引用</blockquote> | > 引用 |
打ち消し・取り消し | <del>打ち消し・取り消し</del> <s>打ち消し・取り消し</s> |
~打ち消し・取り消し~ |
エスケープ | <要素>文字列</要素> | \要素 |
コード | <code>console.log(2022)</code> | `console.log(2022)` |
順序のあるリスト | <ol> <li> ひ </li> <li> ふ</li> <li> み</li> <li> ん</li> </ol > |
1. ひ 2. ふ 3. み 4. ん |
順序のないリスト | <ul> <li> ひ </li> <li> ふ</li> <li> み</li> <li> ん</li> </ul > |
* ひ * ふ * み * ん |
リンク | <a href="http://www.yahoo.co.jp/">Yahoo</a> | [Yahoo](http://www.yahoo.co.jp/) |
下線、水平線 | <hr> | --- ___ *** |
他にもまだまだMarkdown形式で表現できるものはありますが、詳しくは以下ガイド参考にしてみてください。
よろしければこちらの記事も参考にしてみてください。
Loading...