[解決済み] 空のhrefは有効ですか?
質問
当社のウェブ開発者の一人が、ドロップダウンリストのスタイルを設定するためのプレースホルダとして、以下のhtmlを使用しています。
<a href="" class="arrow"></a>
このアンカータグは有効ですか?
href値がないため、一部のリンクチェックレポートでは壊れていると表示されます。
解決方法は?
この質問にはすでに回答がありますが (
tl;dr:
はい、空の
href
の値は有効です)、既存の回答のどれもが、関連する仕様を参照していません。
空の文字列
はURIであってはならない。
ただし
href
属性は URI だけでなく、URI の参照も値として受け取ります。空の文字列
はURI参照である可能性があります。
HTML 4.01
HTML 4.01 用途 RFC 2396 というセクションがあります。 4.2. 同一文書への参照 (太字強調)。
URIを含まないURI参照は、現在のドキュメントへの参照となります。 言い換えれば ある文書内の空のURI参照は、その文書の先頭への参照と解釈されます。 また、フラグメント識別子のみを含む参照は、その文書の特定されたフラグメントへの参照となる。
RFC2396は、以下のように廃止されました。 RFC 3986 (現在は IETFのURI規格 を含む)、その は、本質的に同じことを言っています。 .
HTML5
HTML5 用途 ( スペースで囲まれた有効なURL → 有効なURL ) W3CのURL仕様 は、廃止されました。 WHATWGのURL規格 を代わりに使用する必要があります(最後のセクションを参照)。
HTML 5.1
HTML 5.1 用途 ( スペースで囲まれた有効なURL → 有効なURL ) WHATWGのURL規格 (次章参照)。
WHATWG HTML
WHATWGのHTML
は
(
スペースで囲まれた有効なURL
を定義しています。
有効なURL文字列
から
WHATWGのURL標準
である可能性があると書かれています。
フラグメント付き相対 URL 文字列
である必要があります。
相対URLの文字列
である可能性があります。
パス相対スキーマレスURL文字列
であり、これは
パス相対URL文字列
スキーム文字列で始まらないもので、かつ、その後に
:
と定義されている(太字強調)。
パス相対 URL 文字列は、必ず ゼロ で区切られ、かつ U+002F (/) で始まらない URL-path-segment 文字列を指定します。
関連
-
[解決済み] div要素間の空白を削除する方法
-
[解決済み] (X)HTMLにおける "PRE "タグの用途は何ですか?
-
[解決済み] HTMLのテーブルを部分的に透明にするには?
-
[解決済み] Add a scrollbar to a <textarea> [duplicate]
-
[解決済み] type="application/x-shockwave-flash "で表示可能な形式は?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] jQueryを使用してハイパーリンクのhref属性を変更する方法
-
[解決済み] Select <a> which href ends with some string
-
[解決済み] JavaScript - ハイパーリンクのコールバック関数における href と onclick の比較
-
[解決済み] href="tel: "と携帯電話番号
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】位置固定が機能しない
-
[解決済み] span with onclick event inside the tag
-
[解決済み] フレックスアイテムを右にフロートさせる
-
[解決済み] bodyタグに追加された奇妙なiframe、`rufous-sandbox`について
-
[解決済み] IFrameからボーダーを取り除く
-
[解決済み] ChromeのデベロッパーツールでHTML Bodyにcz-shortcut-listen="true "が表示される?
-
[解決済み] 送信ボタンが機能しない
-
[解決済み] 電話番号のマークアップはどのように行うのですか?
-
[解決済み】GETの代わりにPOSTを使用するリンクの作成
-
[解決済み】window.location.hrefとwindow.location.reload()の違いについて)