Markdownのページ内リンクの書き方。HTMLのソース表示でidを確認して記載するのが一番楽！！

# 結論
タイトルの通りです！


# Markdownのページ内リンクは、記載のルール絶対覚えられません！！！:no_good::no_good::no_good:
|<font color="orange">ページ内でリンクしたい場合があるハズ</font>|
|:---:|

```
[ケース１３](#ケース１３）
```
みたいな感じで、特定の場所に飛ばしたいことがあるハズ。

しかし、

|<font color="blue">とにかく、いろんな条件、例外があって、<font color="orange">記載のルール</font>、絶対、覚えられません！！！</font>|
|:---:|

■条件、例外とは。

* 見出しのレベル
* 見出しに空白文字が含まれる
* 見出しにハイフンとかが含まれる
* 見出しにパンクチャが含まれる
* 見出しに絵文字がある
* 同じ見出しが何個もある
* <font color="orange">**これらの組み合わせ！！！**</font>

|検索して記載ルールを調べるのもいいとも思いますが。。。。「Markdown,　ページ内リンク」ぐらいの検索ワードで簡単にうまい説明に出会えるとは思いますが。。。。。|
|:---:|

# HTMLのソース表示でidを確認して記載するのが一番楽！！

## リンクの例です

[リンク先１](#リンク先をつくるための記載)
[リンク先６](#リンク先をつくるための記載1-2-a)
[リンク先１１](#小まとめ-及び補足情報-2)
[リンク先１２](#tadaリンク先をつくるための記載2-2)

## Markdown
```
[リンク先１](#リンク先をつくるための記載)
[リンク先６](#リンク先をつくるための記載1-2-a)
[リンク先１１](#小まとめ-及び補足情報-2)
[リンク先１２](#tadaリンク先をつくるための記載2-2)

```


## リンク対象のHTMLのソースです
```

<h1>
<span id="リンク先をつくるための記載" class="fragment"></span><a href="#%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88%E3%82%92%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E8%A8%98%E8%BC%89"><i class="fa fa-link"></i></a>リンク先をつくるための記載</h1>

<p>↑　ここに飛びたい場合を「リンク先１」とします。</p>

<h2>
<span id="リンク先をつくるための記載1" class="fragment"></span><a href="#%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88%E3%82%92%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E8%A8%98%E8%BC%891"><i class="fa fa-link"></i></a>リンク先をつくるための記載1</h2>

<p>↑　ここに飛びたい場合を「リンク先２」とします。</p>

<h3>
<span id="リンク先をつくるための記載1-1star2" class="fragment"></span><a href="#%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88%E3%82%92%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E8%A8%98%E8%BC%891-1star2"><i class="fa fa-link"></i></a>リンク先をつくるための記載1-1<img alt=":star2:" class="emoji" height="20" src="https://cdn.qiita.com/emoji/twemoji/unicode/1f31f.png" title=":star2:" width="20">
</h3>

<p>↑　ここに飛びたい場合を「リンク先３」とします。</p>

<h4>
<span id="小まとめ-及び補足情報" class="fragment"></span><a href="#%E5%B0%8F%E3%81%BE%E3%81%A8%E3%82%81-%E5%8F%8A%E3%81%B3%E8%A3%9C%E8%B6%B3%E6%83%85%E5%A0%B1"><i class="fa fa-link"></i></a>小まとめ, 及び,　補足情報</h4>

<p>↑　ここに飛びたい場合を「リンク先４」とします。</p>

<h3>
<span id="リンク先をつくるための記載1-2" class="fragment"></span><a href="#%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88%E3%82%92%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E8%A8%98%E8%BC%891-2"><i class="fa fa-link"></i></a>リンク先をつくるための記載1-2</h3>

<p>↑　ここに飛びたい場合を「リンク先５」とします。</p>

<h3>
<span id="リンク先をつくるための記載1-2-a" class="fragment"></span><a href="#%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88%E3%82%92%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E8%A8%98%E8%BC%891-2-a"><i class="fa fa-link"></i></a>リンク先をつくるための記載1-2 a</h3>

<p>↑　ここに飛びたい場合を「リンク先６」とします。</p>

<h2>
<span id="リンク先をつくるための記載2" class="fragment"></span><a href="#%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88%E3%82%92%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E8%A8%98%E8%BC%892"><i class="fa fa-link"></i></a>リンク先をつくるための記載2</h2>

<p>↑　ここに飛びたい場合を「リンク先７」とします。</p>

<h3>
<span id="リンク先をつくるための記載2-1new" class="fragment"></span><a href="#%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88%E3%82%92%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E8%A8%98%E8%BC%892-1new"><i class="fa fa-link"></i></a>リンク先をつくるための記載2-1<img alt=":new:" class="emoji" height="20" src="https://cdn.qiita.com/emoji/twemoji/unicode/1f195.png" title=":new:" width="20">
</h3>

<p>↑　ここに飛びたい場合を「リンク先８」とします。</p>

<h4>
<span id="小まとめ-及び補足情報-1" class="fragment"></span><a href="#%E5%B0%8F%E3%81%BE%E3%81%A8%E3%82%81-%E5%8F%8A%E3%81%B3%E8%A3%9C%E8%B6%B3%E6%83%85%E5%A0%B1-1"><i class="fa fa-link"></i></a>小まとめ, 及び,　補足情報</h4>

<p>↑　ここに飛びたい場合を「リンク先９」とします。</p>

<h3>
<span id="リンク先をつくるための記載2-2" class="fragment"></span><a href="#%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88%E3%82%92%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E8%A8%98%E8%BC%892-2"><i class="fa fa-link"></i></a>リンク先をつくるための記載2-2</h3>

<p>↑　ここに飛びたい場合を「リンク先１０」とします。</p>

<h4>
<span id="小まとめ-及び補足情報-2" class="fragment"></span><a href="#%E5%B0%8F%E3%81%BE%E3%81%A8%E3%82%81-%E5%8F%8A%E3%81%B3%E8%A3%9C%E8%B6%B3%E6%83%85%E5%A0%B1-2"><i class="fa fa-link"></i></a>小まとめ, 及び,　補足情報</h4>

<p>↑　ここに飛びたい場合を「リンク先１１」とします。</p>

<h3>
<span id="tadaリンク先をつくるための記載2-2" class="fragment"></span><a href="#tada%E3%83%AA%E3%83%B3%E3%82%AF%E5%85%88%E3%82%92%E3%81%A4%E3%81%8F%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AE%E8%A8%98%E8%BC%892-2"><i class="fa fa-link"></i></a><img alt=":tada:" class="emoji" height="20" src="https://cdn.qiita.com/emoji/twemoji/unicode/1f389.png" title=":tada:" width="20">リンク先をつくるための記載2-2</h3>

<p>↑　ここに飛びたい場合を「リンク先１２」とします。</p>

```

# リンク先をつくるための記載
↑　ここに飛びたい場合を「リンク先１」とします。

## リンク先をつくるための記載1
↑　ここに飛びたい場合を「リンク先２」とします。

### リンク先をつくるための記載1-1:star2:
↑　ここに飛びたい場合を「リンク先３」とします。
#### 小まとめ, 及び,　補足情報
↑　ここに飛びたい場合を「リンク先４」とします。
### リンク先をつくるための記載1-2
↑　ここに飛びたい場合を「リンク先５」とします。
### リンク先をつくるための記載1-2 a
↑　ここに飛びたい場合を「リンク先６」とします。

## リンク先をつくるための記載2
↑　ここに飛びたい場合を「リンク先７」とします。
### リンク先をつくるための記載2-1:new:
↑　ここに飛びたい場合を「リンク先８」とします。
#### 小まとめ, 及び,　補足情報
↑　ここに飛びたい場合を「リンク先９」とします。
### リンク先をつくるための記載2-2
↑　ここに飛びたい場合を「リンク先１０」とします。
#### 小まとめ, 及び,　補足情報
↑　ここに飛びたい場合を「リンク先１１」とします。
### :tada:リンク先をつくるための記載2-2
↑　ここに飛びたい場合を「リンク先１２」とします。

# まとめ
特にありません。