Hypertext (ไฮเปอร์เท็กซ์) และ Hyperlink (ไฮเปอร์ลิงก์) เป็นคำที่เกี่ยวข้องกันแต่มีความหมายต่างกัน พื้นฐานของเว็บสมัยใหม่
ตารางเปรียบเทียบ
| ด้าน | Hypertext (ไฮเปอร์เท็กซ์) | Hyperlink (ไฮเปอร์ลิงก์) |
|---|---|---|
| นิยาม | ข้อความที่เชื่อมโยงกับข้อมูลอื่นแบบไม่เชิงเส้น (Non-linear) | การอ้างอิง/ลิงก์ที่เชื่อมจากจุดหนึ่งไปยังอีกจุดหนึ่ง |
| เนื้อหา | ข้อความ (Text) เป็นหลัก | ข้อความ, รูปภาพ, เสียง, วิดีโอ, גרפิกส์ ได้ทุกประเภท |
| ความสัมพันธ์ | ข้อมูลที่เชื่อมโยงมักเกี่ยวข้องกัน (Related) | อาจเชื่อมไปยังข้อมูลที่ไม่เกี่ยวข้องก็ได้ |
| โครงสร้าง | มี Hyperlink อยู่ภายใน | ประกอบด้วย URL (ที่อยู่ปลายทาง) |
| การเชื่อมโยงกับ HTML | แนวคิด/ปรัชญาของเว็บ | ติดตั้งด้วยแท็ก <a> (Anchor tag) |
| คีย์เวิร์ด | เชื่อมโยงกับคีย์เวิร์ด/หัวข้อ | เชื่อมโยงกับ Anchor Text (ข้อความที่คลิกได้) |
Hypertext (ไฮเปอร์เท็กซ์)
- แนวคิดที่ Ted Nelson เสนอในปี 1965
- ข้อความที่ไม่ได้อ่านแบบลำดับ (Linear) แต่กระโดดไปมาระหว่างหัวข้อได้
- ตัวอย่าง: วิกิพีเดีย - อ่านบทความแล้วคลิกลิงก์ไปอ่านหัวข้อที่เกี่ยวข้อง
- เป็น "แนวคิด" ส่วน Hyperlink เป็น "กลไกการทำงาน"
Hyperlink (ไฮเปอร์ลิงก์)
- กลไกจริงที่ทำให้ Hypertext ทำงานได้
- ใน HTML สร้างด้วย
<a href="URL">Anchor Text</a> - ชี้ไปยังทรัพยากรใดก็ได้: หน้าเว็บ, ไฟล์, อีเมล, ตำแหน่งในหน้าเดียวกัน (Fragment)
- Anchor Text อาจเป็นข้อความ, รูปภาพ, หรือองค์ประกอบ HTML ใดๆ
ความสัมพันธ์
Hypertext = โครงสร้างข้อมูลแบบไม่เชิงเส้น
Hyperlink = สายเชื่อมระหว่างโหนดข้อมูลใน Hypertext
โดยไม่มี Hyperlink, Hypertext จะเป็นเพียงข้อความธรรมดาที่อ่านต่อเนื่องกันเท่านั้น