a

概要

SVGのアンカー要素(<a>)は、ハイパーリンクを定義します。

使用可能な場所

カテゴリーコンテナー要素
許可された内容任意の数、任意の順で以下の要素を配置可能：
アニメーション要素
説明的要素
図形要素
構造的要素
グラデーション要素
<a> 、 <altGlyphDef> 、 <clipPath> 、 <color-profile> 、 <cursor> 、 <filter> 、 <font> 、 <font-face> 、 <foreignObject> 、 <image> 、 <marker> 、 <mask> 、 <pattern> 、 <script> 、 <style> 、 <switch> 、 <text> 、 <view>

例

<svg width="140" height="30"
     xmlns="http://www.w3.org/2000/svg" 
     xmlns:xlink="http://www.w3.org/1999/xlink">

  <a xlink:href="https://developer.mozilla.org/en-US/docs/SVG"
     target="_blank">
    <rect height="30" width="120" y="0" x="0" rx="15"/>
    <text fill="white" text-anchor="middle" 
          y="21" x="60">SVG on MDN</text>
  </a>

</svg>

実行結果：

属性

グローバル属性

専用属性

DOM インターフェース

この属性は SVGAElement インターフェースを提供します。

仕様

仕様 状態 コメント
Scalable Vector Graphics (SVG) 2
<a> の定義		 勧告候補 xlink:href 属性を href に置き換え
Scalable Vector Graphics (SVG) 1.1 (Second Edition)
<a> の定義		 勧告 最初の定義

ブラウザ実装状況

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
aChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1.5IE 完全対応 9Opera 完全対応 9Safari 完全対応 3.1WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 3.1Samsung Internet Android 完全対応 あり
downloadChrome ? Edge ? Firefox 完全対応 ありIE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android 完全対応 ありOpera Android ? Safari iOS ? Samsung Internet Android ?
hrefChrome 完全対応 ありEdge 完全対応 12Firefox 完全対応 51IE 完全対応 ありOpera 完全対応 ありSafari 完全対応 12.1WebView Android 完全対応 ありChrome Android 完全対応 ありFirefox Android 完全対応 51Opera Android ? Safari iOS 完全対応 12.2Samsung Internet Android 完全対応 あり
hreflangChrome 未対応 なしEdge 完全対応 ありFirefox 完全対応 61IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 61Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
pingChrome 未対応 なしEdge 完全対応 ありFirefox 完全対応 61IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 61Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
referrerPolicyChrome 完全対応 51Edge 未対応 なしFirefox 完全対応 52IE 未対応 なしOpera 完全対応 38Safari 完全対応 11.1WebView Android 完全対応 51Chrome Android 完全対応 51Firefox Android 完全対応 52Opera Android 完全対応 41Safari iOS 未対応 なしSamsung Internet Android 完全対応 7.2
relChrome 未対応 なしEdge 完全対応 ありFirefox 完全対応 61IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 61Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
targetChrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1.5IE 完全対応 9Opera 完全対応 9Safari 完全対応 3.1WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 3.1Samsung Internet Android 完全対応 あり
typeChrome 未対応 なしEdge 完全対応 ありFirefox 完全対応 61IE 未対応 なしOpera 未対応 なしSafari 未対応 なしWebView Android 未対応 なしChrome Android 未対応 なしFirefox Android 完全対応 61Opera Android 未対応 なしSafari iOS 未対応 なしSamsung Internet Android 未対応 なし
xlink:actuate
非推奨
Chrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
xlink:href
非推奨
Chrome 完全対応 1Edge 完全対応 12Firefox 完全対応 1.5IE 完全対応 9Opera 完全対応 9Safari 完全対応 3.1WebView Android 完全対応 3Chrome Android 完全対応 ありFirefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 3.1Samsung Internet Android 完全対応 あり
xlink:show
非推奨
Chrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?
xlink:title
非推奨
Chrome ? Edge ? Firefox ? IE ? Opera ? Safari ? WebView Android ? Chrome Android ? Firefox Android ? Opera Android ? Safari iOS ? Samsung Internet Android ?

凡例

完全対応  
完全対応
未対応  
未対応
実装状況不明  
実装状況不明
非推奨。新しいウェブサイトでは使用しないでください。
非推奨。新しいウェブサイトでは使用しないでください。
関連トピック
  1. <mask>
  2. <a>
  3. <defs>
  4. <g>
  5. <svg>
  6. SVG Elements
    1. A
      1. <a>
      2. <altGlyph>
      3. <altGlyphDef>
      4. <altGlyphItem>
      5. <animate>
      6. <animateColor>
      7. <animateMotion>
      8. <animateTransform>
    2. B-C
      1. <circle>
      2. <clipPath>
      3. <color-profile>
      4. <cursor>
    3. D
      1. <defs>
      2. <desc>
    4. E
      1. <ellipse>
    5. F
      1. <feBlend>
      2. <feColorMatrix>
      3. <feComponentTransfer>
      4. <feComposite>
      5. <feConvolveMatrix>
      6. <feDiffuseLighting>
      7. <feDisplacementMap>
      8. <feDistantLight>
      9. <feFlood>
      10. <feFuncA>
      11. <feFuncB>
      12. <feFuncG>
      13. <feFuncR>
      14. <feGaussianBlur>
      15. <feImage>
      16. <feMerge>
      17. <feMergeNode>
      18. <feMorphology>
      19. <feOffset>
      20. <fePointLight>
      21. <feSpecularLighting>
      22. <feSpotLight>
      23. <feTile>
      24. <feTurbulence>
      25. <filter>
      26. <font>
      27. <font-face>
      28. <font-face-format>
      29. <font-face-name>
      30. <font-face-src>
      31. <font-face-uri>
      32. <foreignObject>
    6. G
      1. <g>
      2. <glyph>
      3. <glyphRef>
    7. H
      1. <hkern>
    8. I
      1. <image>
    9. J-L
      1. <line>
      2. <linearGradient>
    10. M
      1. <marker>
      2. <mask>
      3. <metadata>
      4. <missing-glyph>
      5. <mpath>
    11. N-P
      1. <path>
      2. <pattern>
      3. <polygon>
      4. <polyline>
    12. Q-R
      1. <radialGradient>
      2. <rect>
    13. S
      1. <script>
      2. <set>
      3. <stop>
      4. <style>
      5. <svg>
      6. <switch>
      7. <symbol>
    14. T
      1. <text>
      2. <textPath>
      3. <title>
      4. <tref>
      5. <tspan>
    15. U
      1. <use>
    16. V-Z
      1. <view>
      2. <vkern>