* a 要素・link 要素 href 属性 (HTML 4, XHTML 1) [1] [[HTML]] の [CODE(HTMLe)[[[a]]]] 要素・[CODE(HTMLe)[[[link]]]] 要素の [DFN[[CODE(HTMLa)[href]] 属性]]は、ウェブ[[資源]]の位置を指定します。 そして、指定された資源が[[終点アンカー]], その [CODE(HTMLe)[a]] 要素が[[始点アンカー]]である[[連結]]になります。 ** 仕様書 -[44] [[HTML 4]] -- [CODE(HTMLa)[href]] -[45] [[RFC 4287]] -- '''''' - [58] [CITE[MathML Fundamentals]] ([TIME[2010-10-21 05:51:46 +09:00]] 版) ** 意味 [46] [CODE(XMLe)@en[[[atom:link]]]] [[要素]]の [CODE(XMLa)@en[[[href]]]] [[属性]]は、[[リンク]]の [[IRI]] を表します [SRC[[[RFC 4287]] 4.2.7.1.]]。 [59] [[MathMLの大域属性]]としての [CODE(XMLa)@en[[[href]]]] [[属性]]は、 その[[要素]]を指定された [[URL]] への[[ハイパーリンク]]とするために使えます [SRC[>>58]]。 ** 属性値 *** データ型 **** HTML4 での定義 [4] この属性の属性値は [CODE(SGML)[%[[URI]]]]、すなわち [[URI参照]]です。 [[SGML]] 的には [CODE(SGML)[[[CDATA]]]] です。 **** [CODE(XMLe)@en[atom:link]] 要素の場合 [47] [CODE(XMLe)@en[[[atom:link]]]] [[要素]]の [CODE(XMLa)@en[[[href]]]] [[属性]]の[[値]]は [[RFC 3987]] [[IRI参照]]でなければ[['''なりません''']] [SRC[[[RFC 4287]] 4.2.7.1.]]。 [48] [[RELAX NG]] [[スキーマ]] ([[参考]]) 上の[[データ型]]は [CODE(XML)@en[[[atomUri]]]] となっています [SRC[[[RFC 4287]] 4.2.7.1.]]。 **** MathML 要素の場合 [60] [[MathML]] [[要素]]の [CODE(XMLa)@en[[[href]]]] [[属性]]の値は [[MathML]] の定義に依るところの [CODE@en[[[URI]]]] とされています。 [SRC[>>58]] ;; [CODE@en[[[URI]]]] については [[IRI]>>120] の項を参照してください。 *** 既定値 **** HTML4 での定義 [5] この属性は省略可能です。省略した場合は、 そのアンカー ([CODE(HTMLa)[[[a]]]] 要素) は始点アンカーではないものとなります。 [CODE(HTMLe)[link]] 要素の場合は省略すると意味を失ってしまうと思うのですが、 HTML 4 仕様書には何も書かれていません。 **** [CODE(XMLe)@en[atom:link]] 要素の場合 [49] [CODE(XMLe)@en[[[atom:link]]]] [[要素]]の [CODE(XMLa)@en[[[href]]]] [[属性]]は[['''必須''']]です [SRC[[[RFC 4287]] 4.2.7.1.]]。 ** レンダリング [6] 多くの視覚 UA は、 [CODE(HTMLe)[a]] 要素や [CODE(HTMLe)[link]] 要素に [CODE(CSS)[[[hover]]]] したときに [[状態棒]]や窓の[[題名棒]]、あるいは [[tool tip]] などとして [CODE(HTMLa)[href]] 属性で指定された URI 参照を表示します。 表現が比較的貧しい媒体では、[[脚注]]として出力されることもあります。 [7] ほとんどの実装では、 [CODE(HTMLa)[href]] 属性が指定された [CODE(HTMLe)[a]] 要素を他の要素とは異なってレンダリングします。 たとえば多くの視覚 UA では青字で下線付きで表示します。 詳しくは [CODE(HTMLe)[[[a]]]] 要素のレンダリングの項をご覧下さい。 [CODE(HTMLe)[link]] 要素のレンダリングは [CODE(HTMLe)[[[link]]]] 要素のレンダリングの項をご覧ください。 ** 歴史 [74] [[HTML]] 由来で [[DTBook]] の [CODE[link]] [[要素]]にもありました。 *** XHTML2 [43] [[XHTML2]] の最初の[[作業原案]]で、[[ハイパーテキスト属性集成]]に属し、 実質すべての [[XHTML2]] [[要素]]で利用できるものとして規定されるようになりました。 ;; [CITE@en[- XHTML Attribute Collections]] ([TIME[2002-08-06 00:20:43 +09:00]] 版) *** MathML3 [61] [[MathML2]] までは [[MathML]] のすべての[[要素]]で [CODE(XMLa)@en[[[xlink:href]]]] [[属性]]が使えるとされていましたが、 [[MathML 3.0]] ではその代わりに [SRC[>>58]] [[null名前空間]]の [CODE(XMLa)@en[[[href]]]] [[属性]]が導入されました。 ;; 引き続き「[[XML Linking]] に対応する」実装は [CODE(XMLa)@en[[[xlink:href]]]] [[属性]]にも対応するべきであるとされています [SRC[>>58]]。 ** 例 [14] [[Web応用]]において[[リンク]]先の[[文書]]を新しい[[窓]]で開きたいとします。 重要: 普通の [[Webサイト]]ではこのような指定を [[HTML]] に記述することは避けるべきです (新しい[[窓]]で開くか、 今の[[窓]]で開くか、はたまた新しい[[タブ]]で開くか、 などなどは、[[利用者]]の意思で決めることで、 [[著者]]が介入するべきではありません)。 次のように [CODE(HTMLa)[[[href]]]] 属性に [CODE(URI)[[[javascript]]:]] [[URI]] を使うことがよくありますが、 '''好ましくありません'''。 [PRE(bad example HTML code)[ リンク [CODE(comment)[]] ]PRE] こうすると、 [[JavaScript]] の[[スクリプト]]片がリンク先になってしまい、 [CODE(URI)[external.html]] がリンク先であるという情報を人間以外が理解することができません。 次の [CODE(HTMLa)[[[onclick]]]] [[属性]]による記述でも同じ効果が得られます。 [PRE(HTML example code)[ リンク [CODE(comment)[]] ]PRE] 本当は[[内在事象属性]] ([CODE(HTMLa)[[[onclick]]]] 属性) も使わず、 [[内容]]と[[スクリプト]]は分離しておいた方が維持管理の手間としても美しさとしても更に良くなります。 [[#comment]] ** 関連 [8] 属性 [CODE(HTMLa)[[[hreflang]]]], [CODE(HTMLa)[[[charset]]]], [CODE(HTMLa)[[[type]]]], [CODE(HTMLa)[[[rel]]]], [CODE(HTMLa)[[[rev]]]] は意味的に [CODE(HTMLa)[href]] 属性の存在に依存しています。 また、 HTML 4 以前には [CODE(HTMLe)[a]] 要素の [CODE(HTMLa)[[[title]]]], [CODE(HTMLa)[[[subject]]]] 属性も意味的に [CODE(HTMLa)[href]] に依存する使われ方がなされたことがあります。 HTML 4 によれば、 [CODE(HTMLa)[hreflang]] 属性は [CODE(HTMLa)[href]] 属性があるときのみ指定できます。 他の属性もそうであるはずですが、仕様書に明記されていません。 [[#comment]] ** メモ [15] [CITE[指向性メモ::2006-06-24::Googleがonclickにはhref="javascript:void(0)"も付ける理由]] ([[名無しさん]] [WEAK[2006-06-25 00:40:18 +00:00]]) [16] [CITE[Problems with letting every element be a link - Anne’s Weblog]] ([CODE[2007-03-27 20:37:46 +09:00]] 版) ([[名無しさん]] [WEAK[2007-03-28 06:31:20 +00:00]]) [17] [CITE[html lecturte]] ([CODE[2003-10-18 17:55:15 +09:00]] 版) 1995年12月に書かれた文章らしい。 > hrefはハイパーリファレンスの略です。 ([[名無しさん]]) [18] [CITE@en[RDF-in-XHTML TF -- 2 Apr 2007]] ([CODE[2007-04-03 04:06:37 +09:00]] 版) ([[名無しさん]] [WEAK[2007-04-07 14:00:39 +00:00]]) [20] [CITE@en[RDF-in-XHTML Task Force -- 31 May 2007]] ([CODE[2007-06-01 01:15:47 +09:00]] 版) > Steven: 'clickable' does not necessarily mean the XHTML2 browser would render it in blue with an underline ... don't confuse the ability to dereference an @HREF with the rendering presentation ... only A would give blue underlined presentation いやはや。 ([[名無しさん]] [WEAK[2007-06-04 13:14:16 +00:00]]) [22] [CITE@en[markus’ blog » IE - Having fun with JS and links]] ([CODE[2008-01-08 21:18:56 +09:00]] 版) ([[名無しさん]]) [23] [CSECTION@en[ Does HTML5 support href on any element like XHTML 2.0?]] — [CITE@en[FAQ - WHATWG Wiki]] ([CODE[2008-02-23 13:19:00 +09:00]] 版) * [CODE(XMLa)@en[href]] 擬似属性 ([CODE(XML)@en[xml-stylesheet]] 処理指令) [51] [CODE(XML)@en[[[xml-stylesheet]]]] [[処理指令]]の [DFN[[CODE(XMLa)@en[href]] [[擬似属性]]]]は、参照される[[スタイル・シート]]の[RUBY[[[番地]]][アドレス]]を表します。 [SRC[>>52]] ** 仕様書 - [52] [CITE@en[Associating Style Sheets with XML documents 1.0 (Second Edition)]] ([TIME[2010-10-28 23:13:17 +09:00]] 版) ** 属性値 [53] [[属性値]]は [[RFC 3987]] [CODE(ABNF)@en[[[IRI-reference]]]] [[文法]]に[[一致]]する値でなければ[['''なりません''']]。 [SRC[>>52]] ;; [54] ということは [[ABNF]] で表現されない要件には適合しなくても良いのでしょうか・・・。 [56] [[素片識別子]]を使って同じ文書の中の[[スタイル・シート]]と関連付けることもできます。 [SRC[>>52]] [55] [[文書]]はこの[[擬似属性]]を指定しなければ[['''なりません''']]。 [SRC[>>52]] ** 歴史 [57] [[xml-stylesheet 1.0 1e]] では [[HTML 4.0]] を参照する形で定義されていました。 ;; [CITE[Associating Style Sheets with XML documents]] ([TIME[2000-05-03 23:40:39 +09:00]] 版) * [CODE(XMLe)@en[atom:link]] 要素 [CODE(XMLa)@en[href]] 属性 (Atom 0.3) [26] [[Atom 0.3]] の [[Link construct]] の [DFN[[CODE(XMLa)@en[href]] [[属性]]]]は、 [[リンク]]の [[URI]] を表します [SRC@en[[[Atom 0.3]]]]。 : 状態:[[廃止]] → [[Atom 1.0]] [CODE(XMLe)@en[atom:[[link]]]] [CODE(XMLa)@en[[[href]]]] :[[要素]]:[[Link construct]] な[[要素]] :[[局所名]]:[CODE(XMLa)@en[[[href]]]] :[[データ型]]:[[URI]] :[[既定値]]:(必須) 仕様書: [CITE[The Atom Syndication Format 0.3 (PRE-DRAFT)]] ([TIME[2006-12-22 17:03:44 +09:00]] 版) ** 属性値 [27] [[属性値]]は [[RFC 2396]] [[URI]] でなければ[['''なりません''']] [SRC@en[[[Atom 0.3]]]]。 [28] [CODE(XMLa)@en[[[xml]]:[[base]]]] [[属性]]が [CODE(XMLe)@en[atom:[[url]]]] [[属性]]の処理に適用されなけば[['''なりません''']] [SRC@en[[[Atom 0.3]]。 と [CODE(XMLa)@en[[[href]]]] [[属性]]の項に書いてあります。 [[コピー・アンド・ペースト]]のミスでしょう。 [29] [CODE(XMLa)@en[[[xml]]:[[base]]]] が適用されるということは、 >>27 の「[[URI]]」は実は「[[URI参照]]」である可能性が高いです。 * [CODE(XMLe)@en[app:categories]] 要素 [CODE(XMLa)@en[href]] 属性 (AtomPub) [30] [[AtomPub]] の [CODE(XMLe)@en[app:[[categories]]]] [[要素]]の [DFN[[CODE(XMLa)@en[href]] [[属性]]]]は、 [[分類文書]]の [[URL]] を表します。 :[[要素]]:[CODE(XMLe)@en[app:[[categories]]]] :[[局所名]]:[CODE(XMLa)@en[[[href]]]] :[[データ型]]:[[IRI参照]] :[[既定値]]:(なし) 仕様書: [CITE@en[RFC 5023 - The Atom Publishing Protocol]] ([TIME[2008-11-20 18:52:14 +09:00]] 版) ** データ型 [31] [[属性値]]は[[分類文書]]を識別する [[RFC 3987]] [[IRI参照]]でなければ[['''なりません''']]。 [SRC@en[[[AtomPub]]]] [34] 構文上は[[素片識別子]]が認められますが、「[[分類文書]]を識別する」という制約から、 実質的には使えないのではないかと思います。 ** 既定値 [32] この[[属性]]が指定されなかった場合、[[分類]]は [CODE(XMLe)@en[app:[[categories]]]] [[要素]]の[[子要素]]によって表されることになります。 ** 処理モデル [33] [[分類文書]]を [CODE(XMLa)@en[[[href]]]] [[属性]]をたどって取り出す場合、 直接または間接に同じ[[文書]]を参照していないか注意が必要です。 ** 関連 [35] この[[属性]]を使う場合、 [CODE(XMLa)@en[[[scheme]]]] [[属性]]や [CODE(XMLa)@en[[[fixed]]]] [[属性]]は指定しては[['''なりません''']]。 また、[[要素]]は[[空]]でなければ[['''なりません''']]。 [SRC@en[[[AtomPub]]]] * [CODE(XMLe)@en[app:collection]] 要素 [CODE(XMLa)@en[href]] 属性 [36] [[AtomPub]] [CODE(XMLe)@en[app:[[collection]]]] [[要素]]の [DFN[[CODE(XMLa)@en[[[href]]]] [[属性]]]]は、 [[集成]]の [[IRI]] を表します [SRC@en[[[AtomPub]]]]。 :[[要素]]:[CODE(XMLe)@en[app:[[collection]]]] :[[局所名]]:[CODE(XMLa)@en[[[href]]]] :[[データ型]]:[[IRI]] :[[既定値]]:(必須) 仕様書: [CITE@en[RFC 5023 - The Atom Publishing Protocol]] ([TIME[2008-11-20 18:52:14 +09:00]] 版) ** 属性値 [37] [[属性値]]は [[RFC 3987]] [[IRI]] です。[SRC@en[[[AtomPub]]]] ;; [38] 他の[[属性]]と異なり「[[IRI]]」 であって「[[IRI参照]]」ではないのですが、意図通りなのでしょうか? ** 既定値 [39] この[[属性]]は必須です。 [SRC@en[[[AtomPub]]]] * メモ [19] [CITE[Archived: Guide to the Individualized Education Program]] ([CODE[2007-05-22 17:47:31 +09:00]] 版) > [PRE(HTML invalid example code)[ list bullet ]PRE] ([[名無しさん]] [WEAK[2007-05-22 08:53:30 +00:00]]) [21] [CITE[Bug 8872 - WebFX ajax list manipulator broken]] ([CODE[2007-06-05 09:31:53 +09:00]] 版) ([[名無しさん]] [WEAK[2007-06-05 00:38:36 +00:00]]) [40] [CITE[The SMIL 3.0 Linking Modules]] ([TIME[2008-12-02 00:45:09 +09:00]] 版) [41] [CITE[名前空間の付いていないXLinkを - dhrnameの開発日誌]] ([TIME[2009-02-17 10:44:01 +09:00]] 版) >VMLだけですが、IE7でも、名前空間の付いていない「href」属性が実装されています。 [42] [CITE[2009-04-30 - hoshikuzu | star_dust の書斎]] ([TIME[2009-05-01 08:13:41 +09:00]] 版) > [PRE(HTML example code)[ {foo:bar;}body{background:url("javascript:/**/(function/**/_(){alert(document.URL)}).call(this)")} ]PRE] >title要素に(いわゆるHTMLエスケープ済みでも良い)style記述を行います。 >通常ではurl()中のjavascript擬似スキームで書かれたステートメントは、グローバルオブジェクト配下のオブジェクトに対してプロパティ(ないしメソッド)を利用する権限がありません。このため、javascript:alert(document.URL)の記述は実行エラーとなります。 > 実行したい複数のステートメント全体を関数スコープ的な記述でくるんでやり、その関数をcall(this)してやることで権限上昇を得ます。なお、ここでthisはグローバルスコープで関数が動くことを念押ししていることになります。 >link要素やimg要素など、上で触れられた技巧で予期しないJavaScriptの起動は可能でした。ver1.5.0.9からは不可能になりましたのでことなきを得ています。 [50] [CITE[IRC logs: freenode / #whatwg / 20100401]] ([TIME[2010-04-13 08:21:06 +09:00]] 版) [62] [CITE@en[Web Applications 1.0 r6734 .href reflects, apparently.]] ( ([TIME[2011-10-25 02:41:00 +09:00]] 版)) [63] [CITE[IRC logs: freenode / #whatwg / 20111103]] ( ([TIME[2011-11-06 10:10:22 +09:00]] 版)) [64] [CITE[''''''[''''''whatwg'''''']'''''' checksum attribute in a href tag]] ( ([TIME[2012-12-29 16:18:28 +09:00]] 版)) [65] [CITE@en-US[XBL 2.0]] ( ([TIME[2012-05-03 02:23:03 +09:00]] 版)) [66] [CITE@en[RDFa Core 1.1 - Second Edition]] ( ([TIME[2013-08-15 17:12:47 +09:00]] 版)) [67] [CITE@en[RDFa Core 1.1 - Second Edition]] ( ([TIME[2013-08-15 17:12:47 +09:00]] 版)) [68] [CITE@en[HTML+RDFa 1.1]] ( ([TIME[2013-08-20 15:49:04 +09:00]] 版)) [69] [CITE@en-US[XML Binding Language (XBL) 2.0]] ( ([TIME[2007-03-16 22:20:16 +09:00]] 版)) [2] [CITE@en[URLs are parsed and produce records · whatwg/html@30bc255]] ([TIME[2016-02-14 22:52:14 +09:00]] 版) [3] [CITE@en[Integrate with the Referrer Policy spec, part 1 of n]] ( ([[domenic]]著, [TIME[2016-05-05 23:01:42 +09:00]])) [9] [CITE@en[Feature Request: allow href="" on more elements · Issue #3867 · whatwg/html]] ([TIME[2018-08-15 13:37:55 +09:00]]) [FIG(quote)[ [FIGCAPTION[ [10] [CITE[ServerWriter -- /Provider]] (Tim BL [TIME[1995-02-02 05:14:34 +09:00]]) ]FIGCAPTION] > ("A" is for "anchor", "HREF" is for "hypertext reference") ]FIG] [FIG(quote)[ [FIGCAPTION[ [11] [CITE[Re: Is there a paper which describes the www protocol?]] ([TIME[2013-04-18 16:49:53 +09:00]]) ]FIGCAPTION] > hypertext reference ]FIG] [FIG(quote)[ [FIGCAPTION[ [12] [CITE@ja[hrefとsrc の違い – WEB-DD]] (Posted on2013年4月9日 投稿者: toreno [TIME[2019-03-27 15:55:53 +09:00]]) ]FIGCAPTION] > hrefはhyper reference(ハイパーリファレンス)の略 ]FIG] [24] ハイパーリファレンスってなに? 出典書いてないし説明になっていない。 [[Google検索]]で上位に出現し、ここを引用している他サイトもあるが、 ここが発信源かは不明。 [FIG(quote)[ [FIGCAPTION[ [13] [CITE[意外と間違っているhtmlタグの読み方(一部タグ以外も有)|webクリエイター:丹羽希美 制作ブログ]] (2018年3月20日 [TIME[2019-03-27 16:04:15 +09:00]]) ]FIGCAPTION] > 「ハイパー リファレンス(hyper reference)」の略で、リファレンスは参照・参考という意味。 ]FIG] [25] ちなみにこのサイトは [CODE[a][]] も 「htmlでは参照先(リンク、ジャンプするので移動)との基準点・参照元という理解で良いかと。」 と解説していて、訂正するほど間違ってはいないが、 専門用語である[[ハイパーリンク]]と[[アンカー]]の関係性を理解していればこんな解説にはなっていないはず。 [FIG(quote)[ [FIGCAPTION[ [70] [CITE@ja[hrefの語源は何ですか?どういう意味ですか - hyper referenceです。htmlはハ... - Yahoo!知恵袋]] ([TIME[2019-03-27 16:06:58 +09:00]]) ]FIGCAPTION] > ele********さん 2012/4/210:39:12 > hyper referenceです。 > htmlはハイパーテキストなのでハイパーテキストへの参照(すなわちリンク)という意味だと思います。 ]FIG] [FIG(quote)[ [FIGCAPTION[ [71] [CITE@ja[hrefとは何の略 -なんとかリファレンスじゃないかと思いますが、なんで- HTML・CSS | 教えて!goo]] ([TIME[2019-03-27 16:07:47 +09:00]]) ]FIGCAPTION] > 回答者: arukamun 回答日時:2003/05/14 09:33 > のHREFですね。 > Hyper REFerence > です。 > 一部の書籍では > HTML REFerence > HTML/Hyper Text Markup Language > の様です。 ]FIG] [FIG(quote)[ [FIGCAPTION[ [72] [CITE[HTMLの略語を調べてみた - Qiita]] (@ughirose 2016年06月08日に更新 [TIME[2019-03-27 16:08:41 +09:00]]) ]FIGCAPTION] > href Hyper Reference ハイパーリンクのある場所 ]FIG] [FIG(quote)[ [FIGCAPTION[ [73] [CITE@ja[HTMLタグで省略表記の基になっている語句と意味を解説 - キーワードノート]] (投稿日2015年1月29日最終更新日2018年06月12日 [TIME[2019-03-27 06:08:22 +09:00]]) ]FIGCAPTION] > href hyper reference リンクする際のaタグやiframeと一緒に使われるhrefはハイパーリファレンスでした。 ]FIG] [75] [CITE[What does "HREF" stand for?]], [TIME[2019-03-31T05:38:55.000Z]], [TIME[2024-08-27T14:01:08.659Z]]