各コメントにジャンプさせる方法

以前は、nameタグを利用していました。

 <a href="#ラベル"> 文字列 </a> … ジャンプ元
 <a name="ラベル"> 文字列 </a> … ジャンプ先

(例) <a href="<%topentry_link>#top"> このページのトップへ </a>
※ 現在も当ブログの各記事で使っています。

XHTML では id 属性による名前付けをする事で
リンク先として指定出来るようになっている。 

 □ XHTML1.0:互換性を考慮して a 要素に id 属性と name 属性の
   併記が可能
 □ XHTML1.1:a 要素の name 属性による名前付けは廃止

                    ・・・・・・ 知らんかったぁ

参考サイト:小粋空間 FC2ブログのコメントリンクから該当のコメントにジャンプさせる方法
id を使ったジャンプは右サイドバーの「最近のコメント」欄で実装していますが、
記事中から、他の記事のコメントにジャンプする場合にも使えます。

当ブログでの具体例
[ジャンプ元](各記事内)
<a href="http://(自分のURL).fc2.com/blog-entry-(エントリーNO).html#comment(コメントNO)">文字列</a>
[ジャンプ先]
<div class="comment_receive_title"><a id="comment<%comment_no>" name="comment<%comment_no>"></a><%comment_title></div>

id 属性値には FC2 ブログ独自の変数 <%comment_no> (数字)を利用しています。
但し、 id 属性値は数字から開始する事が出来ないので、先頭に任意のアルファベット、
ここではコメントを表す「comment」を付与しています。

又、idだけでなく、nameタグ も付けてますね。
関連記事
【スポンサーリンク】

最終更新日時: 2017年12月30日(土)00:16:28
ブログパーツ

Comment 0

There are no comments yet.

Leave a comment