ลิงค์ภาพ HTML คืออะไร?

เมื่อบุคคลกำลังสร้างหน้าเว็บที่มีรูปภาพรูปภาพจะไม่ถูกแทรกลงในหน้าจริงด้วยข้อมูลที่เหลือในการแสดงภาพบนเว็บจะใช้ลิงค์รูปภาพ HTML แทนการฝังภาพภายในหน้าหากต้องการใช้ลิงก์ภาพ HTML, #60; IMG #62;แท็ก HTML ใช้เพื่อให้ข้อมูลที่จัดเก็บภาพและสามารถเข้าถึงได้แท็กนี้สามารถใช้กับเบราว์เซอร์ทั้งหมดและสามารถใช้ในการโหลดทุกประเภทภาพที่รองรับโดยเบราว์เซอร์

โดยใช้ #60; IMG #62;แท็กเพียงอย่างเดียวไม่มีข้อมูลไปยังหน้าเว็บที่มีความหมายว่ามีภาพมีสองแอตทริบิวต์ที่จำเป็นสำหรับลิงก์ภาพ HTML ที่จะเขียนอย่างถูกต้องเพื่อให้ภาพโหลดเมื่อเว็บเพจโหลดนอกจากนี้ยังมีคุณลักษณะทางเลือกหลายอย่างที่สามารถรวมไว้เพื่อให้ข้อมูลเพิ่มเติมแอตทริบิวต์ที่จำเป็นในการเขียนลิงก์ภาพคือ src และ alt

แอตทริบิวต์ src ของลิงค์ภาพ HTML ให้ที่อยู่เว็บหรือ URL ซึ่งเป็นภาพURL สามารถใช้หนึ่งในสองรูปแบบURL ที่แน่นอนให้ที่อยู่เว็บที่สมบูรณ์ซึ่งนำไปสู่ภาพในเว็บไซต์อื่นตัวอย่างของการรวม URL สัมบูรณ์สำหรับแอตทริบิวต์ SRC คือ: src ' http: //www.website.com/image.jpg mdash;โดยที่เว็บไซต์กำลังชี้ไปที่ไซต์อื่นและ image.jpg ชี้ไปที่ภาพที่เฉพาะเจาะจง

ตัวเลือกอื่น ๆ สำหรับ URL ภายในแอตทริบิวต์

src คือการเขียน URL สัมพัทธ์ในกรณีของ URL สัมพัทธ์ที่อยู่เว็บจะให้ลิงก์ไปยังรูปภาพภายในไดเรกทอรีเว็บไซต์เดียวกันURL สัมพัทธ์เป็นเวอร์ชันที่ถูกตัดทอนของ URL สัมบูรณ์เนื่องจากภาพอยู่ในสถานที่เดียวกับหน้าเว็บตัวอย่างของแอตทริบิวต์ SRC ที่มี URL สัมพัทธ์คือ: src ' image.jpg หรือ src ' images/image.jpgความแตกต่างเพียงอย่างเดียวในตัวอย่างเหล่านี้คือที่ที่ภาพอยู่เนื่องจากอยู่ในโฟลเดอร์รูปภาพในตัวอย่างที่สอง

แอตทริบิวต์อื่น ๆ ที่ต้องการคือ

alt ซึ่งให้ข้อความสำรองสำหรับภาพนี่ไม่ใช่ข้อความที่ปรากฏขึ้นหากผู้ใช้วนเวียนเมาส์เหนือภาพ แต่ข้อความที่แสดงหากไม่สามารถแสดงภาพได้ด้วยเหตุผลบางอย่างมีสาเหตุหลายประการที่ทำให้ภาพไม่ปรากฏรวมถึงกรณีที่ URL ในแอตทริบิวต์ SRC ไม่ถูกต้องหรือแตกหักหรือเมื่อผู้ใช้ที่มีความบกพร่องทางสายตากำลังใช้เครื่องอ่านหน้าจอรหัสพื้นฐานที่สุดสำหรับลิงค์ภาพ HTML จะมีลักษณะดังต่อไปนี้: #60; IMG SRC ' URL ALT ' TEXT /#62;ตั้งแต่ #60; IMG #62;แท็กไม่มีแท็กสิ้นสุดเป็นสิ่งสำคัญที่จะต้องจบด้วย / เพื่อให้เบราว์เซอร์รู้ว่าคำสั่งสิ้นสุดลงแอตทริบิวต์

src

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