問題タブ [url-fragment]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
html - 追加のアンカー/フラグメント リンクを場所に追加するための標準または推奨のタグ タイプはありますか?
現在id
、HTML ドキュメントの各セクションの見出しに属性を設定しているため、ドキュメントのそのセクションに直接リンクするハッシュ フラグメントを使用して URL を生成できます。例えば:
もちろん、これは としてリンクされpage.html#section3.4
ます。
そのフラグメントの代替フォーマットを提供したいと思いpage.html#s3.4
ます。正確なフォーマットは任意であり、ここでは重要ではありません。
これを実現するために、1 つの HTML 要素に複数の ID タグを単純に適用することはできません。解決策は、ページの見出しと同じ位置に二次タグを追加することです。たとえば、次のようになります。
この目的で使用される標準または推奨のタグ タイプはありますか? いろいろ調べてみると、これに対する「ベストプラクティス」の答えが見つからないことに驚きました。
id
技術的には、属性を持つ要素はすべて機能するはずなので、タグのタイプは任意ですが、たとえばcanvas
orを選択するのは明らかにばかげています。script
提案されているのを見てきましたが、場所ではなく、場所へのアンカーを作成することになっているためa
、意味的に正しいかどうかはわかりません。a
私が考えていたのは、囲んでいるsection
タグの ID をターゲットにすることでしたが、それでは任意の数の代替フラグメント名を有効にすることはできず、技術的にはバウンディング ボックスが CSS の影響を受けるため、同じ場所にリンクしていません。
理想的な要素とは、DOM 上に視覚的な存在がないことが保証され、隣接する要素と同じ垂直位置を保持し、副作用がなく、位置マーカーとして意味をなすものであると思いますが、そうではありません。アクセシビリティに影響を与える (例: スクリーンリーダー)。しかし、そのような要素は思いつきません。私が見逃した基準はありますか?そうでない場合、どのタグが最適なオプションでしょうか?