การเรียนรู้การสอนเกี่ยวกับการติดแท็กไฮเปอร์ลิงก์ html
คุณสมบัติของแท็กลิงก์
ลิงก์เป็นหนึ่งในองค์ประกอบที่สำคัญที่สุดในหน้าเว็บและเป็นจิตวิญญาณของเว็บไซต์ เว็บไซต์ประกอบด้วยหลายหน้าและหน้าเว็บพึ่งพาลิงก์เพื่อกำหนดความสัมพันธ์ระหว่างการนำทางร่วมกัน แต่ละหน้าเว็บมีที่อยู่ที่ไม่ซ้ำกันซึ่งเรียกว่า URL (ตัวระบุทรัพยากรที่เหมือนกัน: ตัวระบุทรัพยากรสากล) เป็นภาษาอังกฤษ ป้อน http://www.vevb.com ในแถบที่อยู่จากนั้นกด Enter ซึ่งจะเปิดหน้าหลักของเว็บไซต์การสอนเว็บ คุณจะเห็นว่ามีหลายคอลัมน์ข่าวหลายข่าว ฯลฯ ในหน้าและคอลัมน์ที่แตกต่างกันที่ด้านบนคือลิงก์ข้อความ
แม้ว่าเครื่องหมายลิงก์จะครอบครองตำแหน่งที่ไม่สามารถถูกแทนที่ได้ในการออกแบบเว็บไซต์และการผลิต แต่ก็มีเพียงเครื่องหมายเดียวนั่นคือเครื่องหมาย <a> แอปพลิเคชันลิงค์ที่แนะนำในเว็บไซต์นี้จะขึ้นอยู่กับแท็ก <a>
คุณสมบัติของแท็กลิงค์แสดงไว้ในตารางด้านล่าง
เกี่ยวกับเส้นทาง
แต่ละไฟล์มีตำแหน่งที่เก็บข้อมูลและเส้นทางของตัวเอง การทำความเข้าใจความสัมพันธ์พา ธ ระหว่างไฟล์และไฟล์ที่จะเชื่อมโยงเป็นพื้นฐานสำหรับการสร้างลิงก์ URL - ตัวระบุตำแหน่งทรัพยากรที่ไม่ได้หมายถึงที่อยู่อิสระที่แต่ละเว็บไซต์มี ทุกหน้าเว็บภายใต้เว็บไซต์เดียวกันเป็นของที่อยู่เดียวกัน แต่เมื่อสร้างหน้าเว็บมันเป็นไปไม่ได้และไม่จำเป็นต้องป้อนที่อยู่ที่สมบูรณ์สำหรับแต่ละลิงก์ เราจำเป็นต้องกำหนดความสัมพันธ์พา ธ ที่สัมพันธ์กันระหว่างเอกสารปัจจุบันและไดเรกทอรีรูทไซต์ ดังนั้นลิงค์สามารถแบ่งออกเป็น 3 ประเภทต่อไปนี้:
ตัวอย่างเช่น http://www.vevb.com
เช่น news/default.htm
เช่น /website/news/default.htm
ก่อนที่จะเข้าใจแบบฟอร์มที่อยู่ทั้งสามนี้คุณต้องเข้าใจแนวคิดอื่นอีกสองแนวคิด: ลิงก์ภายในและลิงก์ภายนอกก่อน
ทั้งภายในและภายนอกนั้นสัมพันธ์กับโฟลเดอร์ไซต์ หากลิงค์ชี้ไปที่ไฟล์ภายในโฟลเดอร์ไซต์จะเป็นลิงค์ภายใน หากลิงก์ชี้ไปที่โฟลเดอร์ไซต์จะเรียกว่าลิงค์ภายนอก เมื่อเพิ่มลิงก์ภายนอกที่อยู่สัมบูรณ์ที่กล่าวถึงด้านล่างจะถูกใช้ เมื่อเพิ่มลิงก์ภายในที่อยู่สัมพัทธ์ของไดเรกทอรีรูทและที่อยู่สัมพัทธ์ของไฟล์ที่กล่าวถึงด้านล่างจะถูกนำมาใช้
ต่อไปนี้เป็นสามลิงก์:
เส้นทางที่แน่นอนให้เส้นทางที่สมบูรณ์ไปยังไฟล์รวมถึงโปรโตคอลที่ดัดแปลงเช่น HTTP, FTP, RTSP และอื่น ๆ
http://www.sohu.com
ftp://202.136.254.1
เมื่อเชื่อมโยงไปยังไฟล์ในเว็บไซต์อื่น ๆ จะต้องใช้ลิงก์สัมบูรณ์
ลิงก์สัมพัทธ์เหมาะที่สุดสำหรับลิงก์ภายในของเว็บไซต์ ตราบใดที่อยู่ภายใต้เว็บไซต์เดียวกันแม้ว่าจะไม่ได้อยู่ในไดเรกทอรีเดียวกันลิงก์สัมพัทธ์ก็เหมาะสมมาก ที่อยู่สัมพัทธ์ของไฟล์เป็นรูปแบบที่เหมาะสมที่สุดในการเขียนลิงก์ภายใน ตราบใดที่อยู่ในโฟลเดอร์ไซต์ที่อยู่ที่สัมพันธ์กันสามารถสร้างลิงก์ระหว่างไฟล์ได้อย่างอิสระ รูปแบบของที่อยู่นี้ใช้ความสัมพันธ์สัมพัทธ์ระหว่างสองไฟล์ที่สร้างลิงก์และไม่ได้รับผลกระทบจากตำแหน่งเซิร์ฟเวอร์ของโฟลเดอร์ไซต์ ดังนั้นแบบฟอร์มการเขียนนี้จะละเว้นส่วนเดียวกันในที่อยู่สัมบูรณ์ ข้อดีของสิ่งนี้คือเมื่อที่อยู่เซิร์ฟเวอร์ที่โฟลเดอร์ไซต์มีการเปลี่ยนแปลงลิงก์ภายในทั้งหมดของโฟลเดอร์ (หากใช้แบบฟอร์มที่อยู่นี้) จะไม่มีปัญหาใด ๆ
ลิงค์สัมพัทธ์ใช้เป็น:
ที่อยู่สัมพัทธ์ของไดเรกทอรีรูทยังเหมาะสำหรับการสร้างลิงก์ภายใน แต่ในกรณีส่วนใหญ่ไม่แนะนำให้ใช้ที่อยู่ในรูปแบบนี้ มันถูกใช้ในกรณีต่อไปนี้:
รูปแบบการเขียนของไดเรกทอรีรากที่เกี่ยวข้องกับที่อยู่ก็ง่ายมาก ก่อนอื่นเริ่มต้นด้วย Slash เพื่อแสดงไดเรกทอรีรูทจากนั้นเขียนชื่อโฟลเดอร์และเขียนชื่อไฟล์ในที่สุด เส้นทางรูทเริ่มต้นด้วย / จากนั้นชื่อไดเรกทอรีภายใต้ไดเรกทอรีรูท