Markdownリンクでスペースのあるヘッダーへのリンクの作成方法

2024-02-21 01:02 Markdown リンク ヘッダー

  1. 直接的な方法:

    [リンクテキスト](#スペースのあるヘッダー)

    この方法では、リンクテキストの後にカッコ内でヘッダーのIDを指定します。ヘッダーのIDは、スペースをアンダースコア (_) またはハイフン (-) に置き換えたものになります。

    例えば、以下のようなヘッダーがある場合:

    ## スペースのあるヘッダー

    リンクを作成するためには、次のように書きます:

    [スペースのあるヘッダーへのリンク](#スペースのあるヘッダー)

  2. ヘッダーのIDを手動で設定する方法: ヘッダーの直前に、次のようにIDを設定することもできます:

    <a id="header_with_space"></a>
## スペースのあるヘッダー

    リンクを作成するためには、次のように書きます:

    [スペースのあるヘッダーへのリンク](#header_with_space)

  3. スペースをエスケープする方法: スペースをエスケープ文字 %20 に置き換えることもできます:

    [スペースのあるヘッダーへのリンク](#スペースのあるヘッダー)

    この方法では、リンクテキストの後にカッコ内でヘッダーのIDを指定しますが、スペースの代わりに %20 を使用します。

これらの方法を使って、Markdownのリンクを使ってスペースのあるヘッダーへのリンクを作成することができます。