Relative กับ Absolute path

สองแบบของที่อยู่ไฟล์

Absolute — ที่อยู่เต็ม รวมโปรโตคอลหรือรากชัดเจน เช่น https://… หรือ path จากรากเซิร์ฟเวอร์

Relative — ที่อยู่เทียบกับตำแหน่งไฟล์ HTML ปัจจุบัน เช่น images/a.jpg หรือ ../css/style.css

<!-- relative: จากโฟลเดอร์เดียวกับ HTML -->
<img src="images/photo.jpg" alt="ตัวอย่าง">
<a href="about.html">เกี่ยวกับ</a>

<!-- absolute แบบ URL เต็ม -->
<a href="https://timestampcoding.example/blog">บล็อก</a>

เทคนิคเลือกใช้

1) ไฟล์ในโปรเจกต์เดียวกัน → relative เป็นหลัก

2) เว็บภายนอก → absolute URL

3) ย้ายโฟลเดอร์แล้วรูปหาย → ตรวจ path เทียบตำแหน่งไฟล์ HTML ใหม่