ทางของไฟล์ HTML

ระยะทาง รายละเอียด
<img src="picture.jpg"> picture.jpg อยู่ในแฟ้มเมอร์เนียลที่เดียวกับเว็บเพจปัจจุบัน
<img src="images/picture.jpg"> picture.jpg อยู่ในแฟ้มเมอร์เนียลของเว็บไซต์ในแฟ้ม images
<img src="/images/picture.jpg"> picture.jpg อยู่ในไฟล์เมอร์เนียลของเว็บไซต์ในแฟ้มเดียวกับ images
<img src="../picture.jpg"> picture.jpg ตั้งอยู่ในโฟลเดอร์ระดับเดียวกับโฟลเดอร์ที่มีอยู่ในโฟลเดอร์ที่มีอยู่ในโฟลเดอร์ปัจจุบัน

ทางของไฟล์ HTML

ทางยั่งยืนของไฟล์บรรยายตำแหน่งของไฟล์ในโครงสร้างโฟลเดอร์ของเว็บไซต์

ทางยั่งยืนของไฟล์จะถูกใช้เมื่อเชื่อมโยงไฟล์นอก

  • เว็บไซต์
  • รูปภาพ
  • สไตล์
  • JavaScript

ทางยั่งยืนของไฟล์

ทางยั่งยืนของไฟล์คือ URL ที่นำไปสู่ไฟล์อินเตอร์เน็ต

ตัวอย่าง

<img src="https://www.codew3c.com/images/picture.jpg" alt="flower">

แบตทิก <img> และ属性 src และ alt ถูกอธิบายในบทที่เกี่ยวกับภาพใน HTML

ทางยั่งยืน

ทางยั่งยืนนำไปสู่ไฟล์ที่อยู่ในเว็บเพจปัจจุบัน

ในตัวอย่างนี้ หนทางทางไฟล์บุกเข้าไปที่โฟลเดอร์ images ของโฟลเดอร์เก้าอี้หลักของเว็บไซต์

ตัวอย่าง

<img src="/images/picture.jpg" alt="flower">

ในตัวอย่างนี้ หนทางทางไฟล์บุกเข้าไปที่โฟลเดอร์ images ของโฟลเดอร์ปัจจุบัน

ตัวอย่าง

<img src="images/picture.jpg" alt="flower">

ในตัวอย่างนี้ หนทางทางไฟล์บุกเข้าไปที่โฟลเดอร์ระดับเดียวกับโฟลเดอร์ที่มีอยู่ในโฟลเดอร์ที่มีอยู่ในโฟลเดอร์ images ของโฟลเดอร์ปัจจุบัน

ตัวอย่าง

<img src="../images/picture.jpg" alt="flower">

เรื่องดี

การใช้ทางยั่งยืนเป็นเรื่องที่ดี (ถ้าเป็นไปได้)

ถ้าใช้ทางยั่งยืน หน้าเว็บของคุณจะไม่ถูกผูกกับ URL ฐานของคุณ ทุกลิงก์สามารถทำงานได้บนคอมพิวเตอร์ของคุณ (localhost) หรือโดยสาธารณะในอนาคต