HTML <base> href Atribute
Paglilinaw at Paggamit
href
Ang atribute ay nagtatakda ng base URL para sa lahat ng relatibong URL sa pahina.
Paliwanag
Ang base na elemento ay maaaring gamitin upang itakda ang isang base URL, upang ang relatibong link sa HTML dokumento ay maging pinasadya nito.
Ang relatibong link ay hindi kasama ang kasalukuyang URL, kailangan gamitin ang iba pang URL (alinman sa nakatakdang URL sa base, o kasalukuyang URL ng dokumento) upang makabuo ng kumpletong URL.
href
Ang atribute ay nagtatakda ng base URL na gagamitin para sa relatibong URL ng susunod na bahagi ng dokumento.
Eksemplo
Halimbawa 1
Tatakda ang base URL para sa lahat ng relatibong URL ng pahina:
<!DOCTYPE html> <html> <head> <base href="https://www.codew3c.com/i/photo/"></base> </head> <body> <h1>base href Atribute</h1> <img src="flower.png" width="60" height="60" alt="tulip"> </body> </html>
Halimbawa ng paliwanag
Ang halimbawa na ito ay nagtatakda ng base URL bilang https://www.codew3c.com/i/photo/. Ang www.codew3c.com ang pangalan ng domain ng host, at ang /i/photo/ ang direktoryo sa server na naglalaman ng mga litrato na file.
Sa likod ng dokumento mayroong isang img na elemento na ginagamit upang ilagay ang litrato, na gumagamit ng relatibong URL na flower.png. Kapag inilagay ng browser ang litrato, magkakasama ang base URL at relatibong URL upang bumuo ng kumpletong URL:
https://www.codew3c.com/i/photo/flower.png
Halimbawa 2
Tatakda ang base URL para sa lahat ng relatibong URL ng pahina:
<!DOCTYPE html> <html> <head> <base href="https://www.codew3c.com/html/"></base> </head> <body> <h1>base href Atribute</h1> <a href="html_basic.asp">HTML Batayan</a> </body> </html>
Halimbawa ng paliwanag
Ang halimbawa na ito ay nagtatakda ng base URL bilang https://www.codew3c.com/html/. Ang www.codew3c.com ang pangalan ng domain ng host, at ang /html/ ang direktoryo sa server na naglalaman ng mga litrato na file.
Sa likod ng dokumento mayroong isang a na elemento na ginagamit upang lumikha ng link, na gumagamit ng relatibong URL na html_basic.asp. Kapag inililink ng user ang higit na link, magkakasama ang browser ang base URL at relatibong URL upang bumuo ng kumpletong URL:
https://www.codew3c.com/html/html_basic.asp
คำเตือน
หากไม่มี base หรือไม่มีการกำหนด URL พื้นฐานด้วยการตั้งค่า href ของ base แล้ว เบราเซอร์จะใช้ URL ของเอกสารปัจจุบันเป็นพื้นฐานสำหรับการประมวลผล URL ของตัวเลข relatif
ตัวอย่าง หากเบราเซอร์จะโหลดเอกสารจาก URL https://www.codew3c.com/js/index.asp นี้ และเอกสารนี้มีลิงก์ที่ใช้ URL ของตัวเลข relatif คือ html_basic.asp นั้น ตอนที่กดลิงก์นี้เบราเซอร์จะพยายามโหลดเอกสารที่ URL ที่เป็นพื้นฐานเป็น URL ของตัวเลข absoluut คือ https://www.codew3c.com/js/html_basic.asp
รูปแบบ
<base href="URL">
ค่าของ属性
ค่า | คำอธิบาย |
---|---|
URL | URL ที่เป็นพื้นฐานสำหรับ URL ที่เป็นพื้นฐาน (เช่น “http://www.example.com/”) |
การสนับสนุนเบราเซอร์
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน | สนับสนุน |