HTML <base> href ฺนามสกุล

HTML <base> โทรษา

คำอธิบายและวิธีใช้

href ฺนามสกุลกำหนด URL ฐานสำหรับทุก URL ที่สั้นบนหน้า

รายละเอียด

อิเล็ม base สามารถใช้เพื่อตั้งค่า URL ฐาน ซึ่งจะใช้ในการตรวจสอบลิงก์ที่สั้นในเอกสาร HTML

ลิงก์ที่สั้นละเลยส่วนของ URL ที่มีโปรโตคอล โดเมน และโปรต์ จะต้องคำนึงถึง URL อื่น (หรือ URL ที่กำหนดใน base หรือ URL ของเอกสารปัจจุบัน) เพื่อหารูปแบบที่สมบูรณ์

href ฺนามสกุลกำหนด URL ฐานที่ใช้ในการตรวจสอบ URL ที่สั้นต่อหลังเอกสารนี้

ตัวอย่าง

ตัวอย่าง 1

กำหนด URL ฐานสำหรับทุก URL ที่สั้นบนหน้า:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/i/photo/">
</head>
<body>
<h1>base href ฺนามสกุล</h1>
<img src="flower.png" width="60" height="60" alt="tullip">
</body>
</html>

ทดลองด้วยตัวเอง

ตัวอย่างที่อธิบาย

ตัวอย่างนี้จะตั้งค่า URL ฐานเป็น https://www.codew3c.com/i/photo/ ในนี้ www.codew3c.com เป็นโดเมนของเฮ้าส์ และ /i/photo/ เป็นไดเรกทอรีบนเซิร์ฟเวอร์ที่มีรูปภาพ:

ในส่วนท้ายของเอกสารมีอิเล็ม img ที่ใช้สำหรับอ้างอิงรูปภาพ ซึ่งใช้ URL ที่สั้น flower.png โดยเมื่อบราวเซอร์โหลดรูปภาพ จะชิงรวม URL ฐานและ URL ที่สั้นเข้าด้วยกันเป็น URL ที่สมบูรณ์:

https://www.codew3c.com/i/photo/flower.png

ตัวอย่าง 2

กำหนด URL ฐานสำหรับทุก URL ที่สั้นบนหน้า:

<!DOCTYPE html>
<html>
<head>
  <base href="https://www.codew3c.com/html/">
</head>
<body>
<h1>base href ฺนามสกุล</h1>
<a href="html_basic.asp">HTML ฺพื้นฐาน</a>
</body>
</html>

ทดลองด้วยตัวเอง

ตัวอย่างที่อธิบาย

ตัวอย่างนี้จะตั้งค่า URL ฐานเป็น https://www.codew3c.com/html/ ในนี้ www.codew3c.com เป็นโดเมนของเฮ้าส์ และ /html/ เป็นไดเรกทอรีบนเซิร์ฟเวอร์ที่มีรูปภาพ:

ในส่วนท้ายของเอกสารมีอิเล็ม a ที่ใช้สร้างลิงก์ ซึ่งใช้ URL ที่สั้น html_basic.asp โดยเมื่อผู้ใช้คลิกลิงก์ส่งผ่านทางบราวเซอร์ จะชิงรวม URL ฐานและ URL ที่สั้นเข้าด้วยกันเป็น URL ที่สมบูรณ์:

https://www.codew3c.com/html/html_basic.asp

คำเตือน

ถ้าไม่ใช้องค์ประกอบ base หรือไม่ใช้ค่าของ属性 href ตั้ง URL ที่เป็นตัวอิสระ เว็บเบราซเซอร์จะใช้ URL ของเอกสารปัจจุบันเป็นตัวอิสระในการแก้ไข URL ที่เป็นอนุกรมศาสตร์

ตัวอย่าง หากเว็บเบราซเซอร์นำเข้าเอกสารจาก URL นี้ https://www.codew3c.com/js/index.asp แล้วเอกสารนี้มีลิงก์ที่ใช้ URL ที่เป็นอนุกรมศาสตร์ html_basic.asp ในขณะที่กดลิงก์นี้เว็บเบราซเซอร์จะพยายามนำเข้าเอกสารที่อยู่ที่ URL ที่เป็นอนุกรมศาสตร์ 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
การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน การสนับสนุน

HTML <base> โทรษา