HTMLのa要素にはhref属性を指定しなくてもよい: Days on the Moon

HTMLのa要素はハイパーリンクを表す要素であり、リンク先のURLをhref属性に指定します。しかし、a要素の役割はそれだけではありません。HTML標準によれば、a要素は「リンクとなりうる箇所のプレースホルダー」として使うこともできます。この場合はhref属性を指定しません。 リンクとなりうる箇所の例として、ナビゲーションやタブUI、パンくずリストなどでの「現在の項目」があります。 <nav> <ul> <li><a href="/">ホーム</a></li> <li><a>最新記事</a></li> <li><a href="/archives">アーカイブ</a></li> <li><a href="/settings">設定</a></li> </ul> </nav> ReactなどJSXでa要素を生成する場合、href属性を指定しないためにはhrefプロパティにundefinedを

[zu2]

“なお、a要素にhref属性を指定しないと聞いてname属性を指定するのかと思った人もいるでしょうが、現在のHTML標準ではa要素のname属性は廃止済みであり指定すべきでないとされています”

[n314]

後ろめたい気持ちで実際やってたけど、ちゃんとした使い方だったのか。

[otchy210]

href の有無でデフォルトのスタイルが変わるのもそういう利用法を想定してそう。

[shiromatakumi]

LighthouseのSEO項目で減点されるけどね。

[yujiorama]

パンくずリストで今のページ名はa要素にしない、とかやってたのが昔話になるんだな https://html.spec.whatwg.org/multipage/text-level-semantics.html#the-a-element name属性の廃止を知らなかった https://html.spec.whatwg.org/multipage/obsolete.html#obsolete

[sakimoridotnet]

“HTML標準によれば、a要素は「リンクとなりうる箇所のプレースホルダー」として使うこともできます。この場合はhref属性を指定しません。”

[yarumato]

“a要素は「リンクとなりうる箇所のプレースホルダー」としても使える。例として、ナビゲーションやタブUI、パンくずリストの「現在の位置」がある。a要素のname属性は現在は廃止済みで、指定すべきでない”

[munyaX]

"name属性を指定するのかと思った人もいるでしょうが" (^q^)

[lalupin4]

いいことを聞いた。