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

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - 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属性を使います。

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

/pre>

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

名前に使えるような文字には、次のような制限があります。 注意してください。

• アルファベット（大文字小文字の区別あり）
  • ひと文字めはアルファベット
• 数字（0〜9）
• 記号（ハイフン「-」、アンダースコア「_」、コロン「:」、ピリオド「.」）

特定の位置へのリンクをつくる

名前をつけた位置へリンクするには、 リンクの位置の名前のまえに「#」をつけます。

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

/pre>

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

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

pre>

ul>

 <li>
   COLOR(red):<a href="COLOR(blue):#hogeCOLOR(red):">COLOR(black):はじめてのHTMLCOLOR(red):</a>
 </li>
 ...

/ul> ... ... ...

h2>

 COLOR(red):<a name="COLOR(blue):hogeCOLOR(red):">COLOR(black):はじめてのHTMLCOLOR(red):</a>

/h2>

/pre>

pre>

/pre>

次へ進んでください。