บทที่ 5.1 การเขียนลิงค์เพื่อเรียกใช้ไฟล์ (Relative Path)


ทีนี้มาทำความเข้าใจกับการเขียนลิงค์กันบ้างนะคะ การเขียนลิงค์เพื่อระบุไปยังไฟล์ที่อยู่ในเว็บไซต์เดียวกัน เราจะใช้ลิงค์ย่อๆ ดังที่เคยเขียนในบทที่แล้ว คือ images/diary.jpg ซึ่งลิงค์แบบนี้เค้าเรียกว่า Relative Path ค่ะ เราจะเขียนย่อแบบนี้ได้เฉพาะไฟล์ใดๆ ที่อยู่ในเว็บเดียวกันนะคะ ข้อดีคือ แก้ไขง่าย เขียนง่าย อ่านง่าย ค่ะ


ยกตัวอย่างการเขียนลิงค์ สมมุติว่า เรากำลังแก้ไขไฟล์ index.html อยู่นะคะ และต้องการเรียกใช้ไฟล์รูปภาพชื่อ diary.jpg ค่ะ


*การเรียกใช้นั้น จะต้องดูตำแหน่งไฟล์ปัจจุบันที่กำลังแก้ไขเสมอ



relative path , directory



คิดว่า ตัวอย่างเท่านี้คงพอเข้าใจ คิดง่ายๆคือ ให้เรายึดไฟล์ที่กำลังแก้ไขเอาไว้เป็นหลัก แล้วมองหาไฟล์ที่จะเรียกใช้ ถ้าต้องออกจากโฟลเดอร์ ก็คือถอย ให้ใช้ ../ 1ครั้ง ต่อการถอย 1 ครั้ง ถ้าหากเข้าโฟลเดอร์ไหน ก็ใส่ชื่อโฟลเดอร์นั้น ตามไปเรื่อยๆ จนกว่าจะเจอไฟล์ที่ต้องการเรียกใช้....ไม่งงนะ


ไม่ได้จำเพาะเจาะจงว่าจะต้องเป็นไฟล์รูปภาพเท่านั้น การเขียนลิงค์แบบนี้ รวมไปถึงการเรียกใช้ไฟล์อื่นๆ และการทำลิงค์ไปยังเว็บหน้าอื่นๆด้วยค่ะ

ส่วนการเขียนลิงค์ไปยังไฟล์นอกเว็บไซต์ เราก็เขียนเต็มๆค่ะ (ชื่อโดเมนตามด้วยชื่อไฟล์) เช่น //rs362.rapidshare.com/img2/rslogo.gif ลิงค์เต็มๆนี้เราเรียกว่า Absolute URL ค่ะ


ไม่ควรเขียนลิงค์เต็มสำหรับการลิงค์ไปยังไฟล์ที่อยู่ในเว็บไซต์เดียวกัน เพราะจะทำให้แก้ไขยาก เช่น ถ้ามีการเปลี่ยนโดเมน เราก็จะต้องมาเปลี่ยนโดเมนที่เราเขียนไปแล้วทั้งหมดทุกหน้า




 

Create Date : 14 ธันวาคม 2551
5 comments
Last Update : 16 มกราคม 2553 14:29:05 น.
Counter : 7798 Pageviews.

 

ดีใจจังค่ะที่เจอบล็อกนี้ ^ ^
ข้อมูลเป็นประโยชน์มากเลยค่ะ

 

โดย: พรายน้ำฟ้า 14 ธันวาคม 2551 22:43:59 น.  

 









ขอบคุณค่ะ มีประโยชน์มากเลย .. แล้วจูนจะแวะมาีอีกนะคะ

 

โดย: จูน (June4 ) 14 ธันวาคม 2551 23:40:50 น.  

 

ขอบคุณค่ะ มีกำลังใจเขียนบล๊อกต่อ อิอิ : )

 

โดย: nhuy (huytumhuy ) 16 กันยายน 2552 17:06:33 น.  

 

เขียนอ่านเข้าใจง่ายดีจังค่ะ ขอบคุณมาก

 

โดย: Gin-GaL 20 มิถุนายน 2555 23:53:35 น.  

 

ขอบคุณมากค่ะสำหรับข้อมูล แต่ติดตรงนี้ค่ะงง ถ้าเป็นธีมสำเร็จรูปของ bloggang เองทำได้ไหมคะ ใช้ toolbar ตรงไหนดึงเข้าไปคะ...คือความรู้เรื่องนี้ศูนย์จริงๆค่ะแฮะๆอายจัง

 

โดย: สมาชิกหมายเลข 2502180 20 กรกฎาคม 2558 23:24:34 น.  

ชื่อ : * blog นี้ comment ได้เฉพาะสมาชิก
Comment :
  *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 


Buckethuy
Location :
Thailand United States

[ดู Profile ทั้งหมด]

ฝากข้อความหลังไมค์
Rss Feed

ผู้ติดตามบล็อก : 26 คน [?]




Group Blog
 
<<
ธันวาคม 2551
 123456
78910111213
14151617181920
21222324252627
28293031 
 
14 ธันวาคม 2551
 
All Blogs
 
Friends' blogs
[Add Buckethuy's blog to your web]
Links
 

 Pantip.com | PantipMarket.com | Pantown.com | © 2004 BlogGang.com allrights reserved.