[解決済み] HTMLアンカーは'name'と'id'のどちらで作成するのが良いですか?
2022-03-18 03:52:48
質問
ウェブページのある部分を"で参照したい場合。
http://example.com/#foo
メソッドを使用する必要があります。
<h1><a name="foo"/>Foo Title</h1>
または
<h1 id="foo">Foo Title</h1>
どちらも機能しますが、同等なのでしょうか、それとも意味上の違いがあるのでしょうか?
どのように解決するのですか?
HTML5仕様によると 5.9.8 フラグメント識別子への遷移 :
HTML文書(およびtext/html MIMEタイプ)では、指示された部分が何であるかを判断するために、以下の処理モデルに従わなければなりません。
- URLを解析し、URLの構成要素である<fragment>をfragidとする。
- fragidが空文字列の場合、指示された部分がドキュメントの先頭となる。
- DOM内にfragidと正確に等しいIDを持つ要素がある場合、ツリー順で最初のそのような要素がドキュメントの指示された部分であり、ここでアルゴリズムを停止する。
- もし a DOM 内の name 属性の値が fragid と正確に等しい要素を持つ場合、そのような要素のツリー順の先頭がドキュメントの示された部分となります; ここでアルゴリズムを停止します。
- そうでなければ、文書に指示された部分は存在しない。
ということで、以下のように検索されます。
id="foo"
を実行し、その後に
name="foo"
Edit: @hsivonen さんのご指摘の通り、HTML5 では
a
要素にはname属性がありません。 しかし、上記のルールは他の名前付き要素にも適用されます。
関連
-
[解決済み] slackのチームIDやチャンネルIDを調べる最も簡単な方法は何ですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み] 位置情報ハッシュの変化を検出するにはどうすればよいですか?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] HTMLで複数選択を許さないリストボックスを作るには?
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] チェックボックスとそのラベルをクロスブラウザーで一貫して揃える方法
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] divの中のテキストを縦に揃えるにはどうしたらいいですか?
-
[解決済み] 複数のノンブレイキングスペース("nbsp")ではなく、タブスペースを使用しますか?
-
[解決済み] Markdownで同じドキュメントの一部にリンクする方法は?
-
[解決済み] ラジオボタンをデフォルトで選択するには?[重複しています]
-
[解決済み] 親ディバイスの高さを指定せずに、子ディバイスの高さを100%にする方法は?
-
[解決済み] アンカーリンクをリンク先より数ピクセル上に移動させる