KAWANO's PukiWiki Plus! - Lecture/JouhouC2010/4th/anchor の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• Lecture/JouhouC2010/4th/anchor へ行く。

TITLE:同じページへのリンクをつくる 
*同じページへのリンクをつくる [#tb4b1a1a]
ページが長いときなどに、
特定の位置に名前をつけておくことで、
そこにリンクすることができます。

>
このページにも、ページ内の別の場所にジャンプするリンクがあります。
見出しの右端のほうにある、「▼」「▲」をクリックすると、
ページの最上部や最下部にジャンプします。
<

**リンク先に名前（アンカー）をつける [#z66b3035]
特定の位置にリンク先として名前（アンカー）をつけるには、
''a要素''と''name属性''を使います。

#pre(novervatim){{
COLOR(red):<a name="COLOR(blue):位置名COLOR(red):">COLOR(black):...COLOR(red):</a>
}}

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

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

***注意：見出しの部分にアンカーをつける場合 [#b83bcb36]
見出しの部分にアンカーをつける場合には、
タグのの位置に注意してください。
必ず、''見出し要素の中にアンカーをつける''ようにしてください。
#pre(novervatim){{
正　解○：<h2>&color(Red){<a name="midashi">};みだし&color(Red){</a>};</h2>
間違い×：&color(Blue){<a name="midashi">};<h2>みだし</h2>&color(Blue){</a>};
}}


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

#pre(novervatim){{
COLOR(red):<a href="COLOR(blue):#位置名COLOR(red):">COLOR(black):...COLOR(red):</a>
COLOR(red):<a href="COLOR(blue):リンク先のURL#位置名COLOR(red):">COLOR(black):...COLOR(red):</a>
}}

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

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

#pre(novervatim){{
<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>
}}


&br;
&navi2(Lecture/JouhouC2010/4th,next);進んでください。
----
#navi2(Lecture/JouhouC2010/4th,prev,toc,next)