ホームページ作成 アンカーとラベルの違い

質問

ホームページ作成の勉強中です
ページの途中へジャンプする方法に　アンカーを設定する方法とラベルを設定する方法とがあるようです
両者の違いと言うか　どのように使い分けたらよいのか　どなたかアドバイスお願いできませんか
よろしくお願いします

回答No.1

4017B · ベストアンサー

＞アンカーとラベルの違い
何の事を言ってるのかちょっと分りませんが…恐らく name="XXX" と id="XXX" の違いの事だと思うので…。

結論から言うと、同一ページ内の移動（ページ内遷移）に使うタグは id="XXX" の方で処理します。

つまり、<a href="#XXX"> → <div id="XXX"> で対応させます。

name="XXX" でも同様の効果が期待出来ますが。<a>タグ内でのname属性は、HTML5から非推奨となり、代替手段を強く求めるとなりましたので。基本的には忘れた方が良いでしょう（XHTML1.0でも非推奨）。

なので使い分けるのではなくて、id指定のみを使うようにしましょうという事で。name指定は昔の古いやり方だと理解して貰えれば宜しいかと。

お礼

ありがとうございました
大変参考になりました

回答No.3

ORUKA1951

用語を正確に
「ページの途中へジャンプする方法」は「リンクの終端をページ内に設ける場合」という意味です。リンクの終端は、そのページ内のアンカー終端ですが、HTM4.01の仕様では、name属性の値と一致するA(アンカー)要素の内容になります。
<a name="ABCD">中身</a>
　　　　　　　 ^^^^これが目標となる。
HTML4.01では、id属性(すべての要素が持ちうる)もリンクの終端になりえますが、古いブラウザでは対応していないものもあります。仕様書には下記のように記述されています。
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
id属性を使うか、name属性を使うか? 著者は、アンカー名にid属性を使うか name属性を使うかを決定する際に、次の内容を吟味する必要がある。
　・id属性は、アンカー名である以上の役割を果たす。例えば、スタイルシート選択子、プログラム処理の識別子など。
　・古いユーザエージェントの中には、id属性によるアンカーをサポートしないものもある。
　・name属性の方が、命名の自由度が高い。実体を利用できる。
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［12.2 A要素( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/links.html#anchors-with-id )］より

IDは、A要素のようにリンクに限定されず、すべての要素がもてますが、目的は違う
7.5.2 要素識別子: id属性とclass属性 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#adef-id )

　いずれにしても、ひとつのHTML文書内で一箇所しか登場してはなりません。「一意でなければならない」から、アンカーの終端に利用できると考えると良いでしょう。

　なお、ラベルはOPIONやOPTGROUPにつける属性ですから、IDの意味で使うと意味が通じなくなります。
label ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/interact/forms.html#adef-label-OPTION )

　何はともあれ、わからないときは仕様書( http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/cover.html )をまず確認する癖をつけましょう。確実で正確な回答が得られます。そのうえでわからないときに質問すると効果的です。

　なお、作成する立場になると「ホームページ」という言葉は使わないほうが良いです。たとえば他のページから「ホームページに戻る」と言ったとき、そのページもホームページと思っていたら、ホームがどこを指すのかわかりません。ウェブページとかＨＴＭＬ、ウェブドキュメント、そしてウェブサイト・・と。
ホームページ - Wikipedia ( http://ja.wikipedia.org/wiki/%E3%83%9B%E3%83%BC%E3%83%A0%E3%83%9A%E3%83%BC%E3%82%B8 )
ウェブページ - Wikipedia ( http://ja.wikipedia.org/wiki/%E3%82%A6%E3%82%A7%E3%83%96%E3%83%9A%E3%83%BC%E3%82%B8 )

勉強中なら最初に
はじめてのWebドキュメントづくり ( http://www.asahi-net.or.jp/%7Esd5a-ucd/www/ )
からどうぞ・・・。HTML4.01仕様書の翻訳メンバーの方がご家族(娘さん？)のために書かれたと聞いています。とてもためになります。

お礼

懇切なるアドバイスありがとうございました
ただ　ゴメンナサイ　わたしには少し難しい
はじめてのWebドキュメントづくりでじっくり勉強します

回答No.2

神崎 渉瑠（@taloo）

<a href="#top"> ・・・アンカー
<a id="top"> ・・・ラベル
<div id="top">　・・・ラベルとして使用できる

明示的にラベルを作成するのは<a id="top">ですが、<div>や<h1>などにidを指定してもラベルの代わりになりますので、
ラベルを作る（<a>でラベルを作る）人は少ないと思います。

<a>でラベルを作るときは<a name="top">という書き方もできますが、
この書き方は非推奨となっていますので、idを使った作り方をお勧めします。

お礼

ありがとうございました
参考にさせていただきます