SIRIUS テキストリンクを他のページの特定場所にジャンプさせよう

SIRIUSを使って記事を書いている途中、このテキスト文字から、あのページのH3、H4などの見出しや、あの場所の画像にリンクして飛ばしたいって思ったことありませんか？

今回は、SIRIUSを使って、記事の中のテキストリンクをほかのページの特定場所にジャンプする方法です。

テキストリンクをほかのページの特定場所にジャンプする方法

この方法は、SIRIUSに限ったことではありませんから、ブログや作成中のほかのホームページなんかでも使える小技です。

出発点

まず、ジャンプさせたいテキストや画像を下記のタグではさんでください。

（出発点）

<a href="ここにジャンプさせたいページのURL#アルファベットから始まる英数字">テキストテキスト</a>

到着点

次に、記事内（ページ）のジャンプしたい場所に下記を追加記述します。

（到着点）

<a name="出発点と同じアルファベットから始まる英数字">テキストや画像</a>

たったこれだけです。これでリンクされました。

使用できるアルファベットから始まる英数字は、半角英数字、ピリオド、ハイフン、アンダーバー、コロンです。

見出しタグにジャンプさせる方法

H3やH4などの見出しにリンクをつけてジャンプさせる事もできます。

出発点の書き方は上記と同じで、到着店を以下のようにします。

（到着点）

<h3 id="出発点と同じアルファベットから始まる英数字">見出しテキスト</h3>

このようにしたら、記事内のジャンプさせたい見出しにリンクします。

上記の方法でうまくジャンプしない場合の対処法

対処法としては、（到着点）にname=”アルファベットから始まる英数字”を下記のように追加します。

<h3 name="出発点と同じアルファベットから始まる英数字" id="出発点と同じアルファベットから始まる英数字">見出しテキスト</h3>

それでもうまくジャンプしないときの対処法

（到着点）を<section id=”出発点と同じアルファベットから始まる英数字”></section>で囲う方法です。

例）

<section id="出発点と同じアルファベットから始まる英数字">
<h3>見出しテキスト</h3>
<p>内容</p>
</section>

以上、シリウスでほかのページの特定場所にリンクをつけてジャンプさせようでした。