<base>ï¼ææ¡£æ ¹ URL å ç´
åºçº¿
广æ³å¯ç¨
*
èª 2015å¹´7æ èµ·ï¼æ¤ç¹æ§å·²å¨ä¸»æµæµè§å¨ä¸å¾å°æ¯æï¼å¯å¨å¤§å¤æ°è®¾å¤åæµè§å¨çæ¬ä¸æ£å¸¸ä½¿ç¨ã
* æ¤ç¹æ§çæäºé¨åçæ¯æç¨åº¦å¯è½ææä¸åã
HTML <base> å ç´ æå®ç¨äºä¸ä¸ªææ¡£ä¸å å«çææç¸å¯¹ URL çæ ¹ URLãä¸ä»½ä¸åªè½æä¸ä¸ª <base> å ç´ ã
ä¸ä¸ªææ¡£çåºæ¬ URLï¼å¯ä»¥éè¿ä½¿ç¨ document.baseURI ç JS èæ¬æ¥è¯¢ãå¦æææ¡£ä¸å
å« <base> å
ç´ ï¼baseURI é»è®¤ä¸º document.location.hrefã
| å å®¹ç±»å« | å æ°æ®å 容ã |
|---|---|
| åæ³çå 容 | æ ï¼å®æ¯ä¸ä¸ªempty element |
| æ ç¾çç¥ | 该æ ç¾ä¸è½æç»ææ ç¾ã |
| åæ³çç¶çº§ | ä»»ä½ä¸å¸¦æä»»ä½å
¶ä» <base> å
ç´ ç<head> å
ç´ |
| åæ³ç ARIA è§è² | æ |
| DOM æ¥å£ | HTMLBaseElement |
屿§
该æ ç¾å å«å ¨å±å±æ§ã
妿æå®äºä»¥ä¸ä»»ä¸å±æ§ï¼è¿ä¸ªå
ç´ å¿
é¡»å¨å
¶ä»ä»»ä½å±æ§æ¯ URL çå
ç´ ä¹åãä¾å¦ï¼<link> ç href 屿§ã
href-
ç¨äºææ¡£ä¸ç¸å¯¹ URL å°åçåºç¡ URLãå 许ç»å¯¹åç¸å¯¹ URLã
target-
é»è®¤æµè§ä¸ä¸æçå ³é®åæä½è å®ä¹çåç§°ï¼å½æ²¡ææç¡®ç®æ ç龿¥
<a>æè¡¨å<form>导è´å¯¼èªè¢«æ¿æ´»æ¶æ¾ç¤ºå ¶ç»æãè¯¥å±æ§å¼å®ä½å°æµè§ä¸ä¸æï¼ä¾å¦é项å¡ï¼çªå£æå èæ¡<iframe>ï¼ã以ä¸çå ³é®åæå®ç¹æ®çææï¼_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">Anker</a>
龿¥æå https://example.com/#anchor
Open Graph
Open Graph æ ç¾ä¸æ¥å <base>ï¼å¹¶ä¸åºè¯¥å§ç»å
·æå®æ´çç»å¯¹ URLãä¾å¦ï¼
<meta property="og:image" content="https://example.com/thumbnail.jpg">
示ä¾
<base href="http://www.example.com/" />
<base target="_blank" />
<base target="_top" href="http://www.example.com/" />
è§è
| è§è |
|---|
| HTML > # the-base-element > |