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

image ภาพอินไลน์เป็นภาพกราฟิกที่แทรกลงในหน้าเว็บเพื่อเพิ่มการดึงดูดความสนใจภาพให้ข้อมูลหรือเพื่อแสดงไฮเปอร์ลิงก์ภาพอินไลน์มักจะอยู่ในรูปแบบ GIF, JPEG หรือ PNGพวกเขารวมอยู่ในหน้าเว็บโดยใช้โครงการข้อมูล URI

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

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

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

แอตทริบิวต์ที่ต้องการของแท็ก IMG คือแอตทริบิวต์ SRCแอตทริบิวต์ SRC ระบุที่อยู่เว็บหรือ URL ซึ่งเบราว์เซอร์สามารถดึงไฟล์ภาพได้นอกเหนือจากแอตทริบิวต์ SRC แล้ว HTML Inline Images สามารถกำหนดได้ด้วยแอตทริบิวต์เสริมสามตัวเหล่านี้คือ alt, allign และ ismap

แอตทริบิวต์ ALT ให้ทางเลือกข้อความแบบอินไลน์ดังนั้นในกรณีที่เบราว์เซอร์ผู้ชมไม่รองรับกราฟิกผู้ชมจะเห็นข้อความแทนภาพขอแนะนำให้ใช้แอตทริบิวต์ Alt

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

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

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