KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2004/5th/anchor のバックアップ(No.4)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/InfoDesignB2004/5th/anchor へ行く。
  • 1 (2004-10-28 (木) 07:12:43)
  • 2 (2004-10-28 (木) 10:18:06)
  • 3 (2007-02-24 (土) 07:05:44)
  • 4 (2007-02-24 (土) 07:10:26)

同じページへのリンクをつくる

ページが長いときなどに、 特定の位置に名前をつけておくことで、 そこにリンクすることができます。

名前をつける

特定の位置に名前をつけるには、 a要素とname属性を使います。

<a name="位置名">...</a>
</pre>

a要素のname属性に、位置な名前を指定します。
a要素にはさまれた部分に名前がつくことになります。

名前に使えるような文字には、次のような制限があります。
注意してください。
-アルファベット（大文字小文字の区別あり）
--ひと文字めはアルファベット
-数字（0〜9）
-記号（ハイフン「-」、アンダースコア「_」、コロン「:」、ピリオド「.」）


**特定の位置へのリンクをつくる [#w018d67f]
名前をつけた位置へリンクするには、
リンクの位置の名前のまえに「#」をつけます。

#pre(novervatim){{
<a href="#位置名">...</a>
<a href="リンク先のURL#位置名">...</a>
</pre>

「#」を位置名の前につけることで、リンクすることができます。
リンク先へジャンプすると、
名前をつけた位置がブラウザの最上部に来るように表示されます。

ほかのページの中の特定の位置へリンクするには、
そのページのURLと「#」+位置名を指定します。

#pre(novervatim){{
<ul>
  <li>
    <a href="#hoge">はじめてのHTML</a>
  </li>
  ...
</ul>
...
...
...
<h2>
  <a name="hoge">はじめてのHTML</a>
</h2>
</pre>


#pre(novervatim){{
</pre>





次へ進んでください。
----
#navi2(Lecture/InfoDesignB2004/5th,prev,toc,next)