人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

【Webページのページ内リンク】

Webページの閲覧画面内にある「ページ内リンク(下記例)」が正しくリンクするブラウザと
そうでないブラウザがあります。

ブラウザの種類によって、動作が異なるのはなぜでしょうか?

【例】
■name=の右辺の文字が「全角文字」
<a href="#おわりに">おわりに</a>
<a name="おわりに">おわりに</a>

ソースで name= の右辺にある文字が「全角文字」であるのを「半角英文字」に
置き換えてみましたが、どのブラウザでも正しくリンクするようです。

【例】
■それを「半角英文字」に置き換える
<a href="#owarini">おわりに</a>
<a name="owarini">おわりに</a>


●質問者: mkonomi
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● Cherenkov
●100ポイント ベストアンサー

id属性推奨です。
アンカーの最適化 Web標準 最適化

a要素の name属性を使うのは旧来の手法で、代わって id属性を用いることが推奨されています
...
次世代仕様のHTML5においてもname属性の代わりにid属性を使用することが強く推奨されています。
a要素 - (X)HTML4/1.0.1.1 References W3G


ID名に使用可能な文字種は半角アルファベット(a-z|A-Z)、半角数字(0-9)、ハイフン(-)、アンダースコア(_)、コロン(:)、ピリオド(.)のみに制限されています。class属性には指定できた日本語の平仮名やカタカナ、様々な記号などは使えません。さらに ID名の書き出しは、半角アルファベットから始めなければならず、XML の仕様において "xml"(xMl, XML, Xml のように大文字・小文字で書くこともできない) からはじまる値は許されません。
id属性 XHTML HTML辞典


>ブラウザの種類によって、動作が異なるのはなぜでしょうか?
仕様にない使い方はそれぞれのブラウザの実装に依存します。


参考:ページ内リンクが飛ばず困っています。 現象としては以下になり.. - 人力検索はてな


mkonomiさんのコメント
Cherenkovさん さっそくの回答ありがとうございました。 新しい知識をいろいろ教えていただき感謝しています。 ちなみに、問題のWebページは2002年に知人が作成したものです。 そのソースの出だし付近には <meta name="GENERATOR" content="<span style="font-weight:bold;color:#FF0000;">Microsoft FrontPage 3.0</span>"> <meta name="ProgId" content="FrontPage.Editor.Document"> とあります。(表示の都合で<>は全角にしてありますが実際は半角です) 現在はネット経由で閲覧できていますが、必ずしもいつまでもこの閲覧可能な状態が続く保証はありません。 そこで、今のうちにオフラインでローカルに再生できる形式のWebページとしてまとめて、 CDに焼いておけば安心できると思っています。 その作業の過程で質問文の現象に遭遇した次第です。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ