HTML <base> ææ¸åºåº URL è¦ç´
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. Itâs been available across browsers since 2015å¹´7æ.
* Some parts of this feature may have varying levels of support.
<base> 㯠HTML ã®è¦ç´ ã§ãææ¸å
ã«ããããã¹ã¦ã®ç¸å¯¾ URL ã®åºç¹ã¨ãªã URL ãæå®ãã¾ãã <base> è¦ç´ ã¯ãææ¸å
ã« 1 ã¤ã ãç½®ããã¨ãã§ãã¾ãã
ææ¸ã«ä½¿ããã¦ããåºåº URL ã¯ãã¹ã¯ãªãããã Node.baseURI ã使ç¨ãã¦åãåããããã¨ãã§ãã¾ããææ¸ã« <base> è¦ç´ ããªãã£ãå ´åã baseURI ã¯æ¢å®ã§ location.href ã«ãªãã¾ãã
屿§
ãã®è¦ç´ ã«ã¯ã°ãã¼ãã«å±æ§ãããã¾ãã
è¦å:
<base> è¦ç´ ã¯ã href 屿§ã¾ã㯠target 屿§ããããã¯ãã®ä¸¡æ¹ãæå®ããå¿
è¦ãããã¾ãããããã®å±æ§ã®ãã¡å°ãªãã¨ã 1 ã¤ãæå®ããã¦ããå ´åã <base> è¦ç´ ã¯ã <link> ã® href 屿§ãªã©ãURL ã屿§å¤ã¨ããä»ã®è¦ç´ ãããåã«è¨è¿°ããå¿
è¦ãããã¾ãã
href-
ææ¸å ¨ä½ãéãã¦ç¸å¯¾ URL ã«ä½¿ç¨ãããåºåº URL ã§ãã絶対 URL ã¨ç¸å¯¾ URL ã使ç¨ã§ãã¾ãã
data:ããã³javascript:ã® URL ã¯å©ç¨ã§ãã¾ããã target-
ãã¼ã¯ã¼ãã¾ãã¯å¶ä½è ãå®ç¾©ããååã§ãæ¢å®ã®é²è¦§ã³ã³ããã¹ãã表ãã
<a>ã<area>ã<form>ã®ããããã®è¦ç´ ãæç¤ºçã«target屿§ãæããªãå ´åã«ãç§»åã®çµæã表示ããå ã¨ãã¦ä½¿ç¨ããã¾ãã以ä¸ã®ãã¼ã¯ã¼ãã¯ç¹å¥ãªæå³ãæã¡ã¾ãã_selfï¼æ¢å®å¤ï¼: ç¾å¨ã®é²è¦§ã³ã³ããã¹ãã«çµæã表示ãã¾ãã_blank: æ°ããç¡åã®é²è¦§ã³ã³ããã¹ãã«çµæã表示ãã¾ãã_parent: ç¾å¨ã®ã³ã³ããã¹ãã®è¦ªã®é²è¦§ã³ã³ããã¹ãã«çµæã表示ãã¾ãã親ããªãå ´åããã®ãªãã·ã§ã³ã¯_selfã¨åãæ¯ãèãããã¾ãã_top: æä¸ä½ã®é²è¦§ã³ã³ããã¹ãï¼ç¾å¨ã®ã³ã³ããã¹ãã®ç¥å ã§ããã以ä¸ã®è¦ªããããªãé²è¦§ã³ã³ããã¹ãï¼ã«çµæã表示ãã¾ãã親ããªãå ´åããã®ãªãã·ã§ã³ã¯_selfã¨åãæ¯ãèãããã¾ãã
使ç¨ä¸ã®æ³¨æ
>è¤æ°ã® <base> è¦ç´
è¤æ°ã® <base> è¦ç´ ã使ç¨ãããå ´åãæåã® href ã¨æåã® target ã®å¤ã使ç¨ãããä»ã¯ãã¹ã¦ç¡è¦ããã¾ãã
ãã¼ã¸å ã¢ã³ã«ã¼
ææ¸å
ã®ãã©ã°ã¡ã³ããæããªã³ã¯ â ä¾ãã° <a href="#some-id"> â 㯠<base> ã使ç¨ãã¦è§£æ±ºãããåºåº URL ã«ãã©ã°ã¡ã³ããä»ã㦠HTTP ãªã¯ã¨ã¹ããçºè¡ãã¾ãã
ä¾ãã°ã <base href="https://example.com/"> ãæå®ããã<a href="#anchor">To anchor</a> ã¨ãããªã³ã¯ããã£ãã¨ãã¾ãããªã³ã¯å
㯠https://example.com/#anchor ã¨ãªãã¾ãã
target ã« ASCII ã®æ¹è¡ãã¿ãã < ãå«ããã¨ã¯ã§ããªã
target 屿§ã« ASCII ã®æ¹è¡ãã¿ãã < æåãå«ã¾ãã¦ããå ´åãå¤ã¯ _blank ã«ãªã»ããããã¾ãã
ããã¯ãæ¸åãã¼ã¯ã¢ããã¤ã³ã¸ã§ã¯ã·ã§ã³æ»æãé²ãããã§ããæ¸åãã¼ã¯ã¢ããã¤ã³ã¸ã§ã¯ã·ã§ã³æ»æã¨ã¯ãéãããã¦ããªãã¿ã¼ã²ãã屿§ããã¼ã¸ã«æ¿å
¥ããããã®å¾ã«ç¶ãããã¹ããããã©ã¦ã¶ã¼ã屿§ãéããæåã«å°éããã¾ã§ãã£ããã£ããããã¹ã¯ãªããã使ç¨ããªãæ»æã§ãã
Open Graph
Open Graph ã®ã¡ã¿ã¿ã°ã¯ <base> ãèªèããªãã®ã§ã次ã®ããã«å¸¸ã«å®å
¨ URL ã使ç¨ãã¦ãã ããã
<meta property="og:image" content="https://example.com/thumbnail.jpg" />
ä¾
<base href="https://www.example.com/" />
<base target="_blank" />
<base target="_top" href="https://example.com/" />
æè¡çæ¦è¦
| ã³ã³ãã³ãã«ãã´ãªã¼ | ã¡ã¿ãã¼ã¿ã³ã³ãã³ã |
|---|---|
| 許å¯ããã¦ããå 容 | ãªãããã®è¦ç´ ã¯ç©ºè¦ç´ ã§ãã |
| ã¿ã°ã®çç¥ | éå§ã¿ã°ã¯å¿ é ã§ãçµäºã¿ã°ãç½®ããã¨ã¯ã§ãã¾ããã |
| 許å¯ããã¦ãã親è¦ç´ |
<head> è¦ç´ ã§ãä»ã« <base> è¦ç´ ãå«ãã§ããªããã®ã
|
| æé»ã® ARIA ãã¼ã« | 対å¿ãããã¼ã«ãªã |
| 許å¯ããã¦ãã ARIA ãã¼ã« | 許å¯ããã¦ãã role ãªã |
| DOM ã¤ã³ã¿ã¼ãã§ã¤ã¹ | HTMLBaseElement |
仿§æ¸
| Specification |
|---|
| HTML > # the-base-element > |