html - タイトルにスペースがあるページ内アンカー

Question

いくつかの<h1 name="Header Name">タグを含むページがあります。name 属性にスペースが含まれていることに注意してください。見出しにジャンプできるようにアンカーを使いたいです。%20スペースを置き換えるために追加すればうまくいくと思いましたが、違います。

私は現在忙殺されているので、ソースを編集せずに、スペースではなくハイフンを使用した ID またはタイトルを持つ各ヘッダーで再デプロイすることを好みます。

<!-- non-working example of what I want -->
<a href="mypage.html#Header%20Name" />  
<h1 title="Header Name">Foo</h1>

ここで仕様を読みましたが、答えが見つかりませんでした。また、GoogleまたはSO経由で回答を見つけることができませんでした。

これを行う方法はありますか？

score 1 · Accepted Answer

アンカーはnameまたはid属性を指します。あなたのtitle属性は見つかりません。

使用<h1 id="Header Name">して動作するはずですが、理想的にはそこにスペースを入れないでください。

score 1 · Accepted Answer

それはアンカータグの仕組みではありません。アンカータグの名前、または任意の要素の ID にジャンプできます。残念ながら、タイトル属性にジャンプすることはできません。やりたくないhtmlを変更するか、求めていることを達成するためにjavascriptを含める必要があります。

編集: 標準では常に、HTML5 を含む id 属性にスペースを含めることはできないとされてきました。

HTML5 では、id 属性に対する追加の制限が取り除かれています。ドキュメント内で一意であることを除けば、残っている唯一の要件は、値に少なくとも 1 文字が含まれている必要がある (空であってはならない) ことと、空白文字を含むことができないことです。

4 に答える 4