การใช้แอตทริบิวต์ข้อความ ALT และแอตทริบิวต์ชื่อเรื่องที่ถูกต้องไม่เพียง แต่สามารถปรับปรุงความสามารถในการค้นหาของภาพ แต่ยังมีประโยชน์มากสำหรับประสบการณ์ผู้ใช้
ข้อความ Alt มีวัตถุประสงค์เพื่อให้คำอธิบายข้อความแก่ผู้ชมที่ไม่สามารถดูรูปภาพในเอกสารของคุณได้ ซึ่งรวมถึงผู้ใช้ที่ใช้เบราว์เซอร์ที่ไม่รองรับการแสดงภาพหรือปิดการแสดงภาพผู้ใช้ที่มีความบกพร่องทางสายตาและผู้ใช้ที่ใช้เครื่องอ่านหน้าจอ ดังนั้นข้อความทดแทนจึงใช้เพื่อแทนที่ภาพแทนที่จะให้ข้อความตัวอักษรเพิ่มเติม ข้อความ Alt ยังมีบทบาทของชื่อในเบราว์เซอร์ IE - ข้อความแจ้งเมื่อเมาส์ผ่าน คือเบราว์เซอร์ทำให้เข้าใจผิดทุกคน ใน IE, alt จะกลายเป็นข้อความข้อความเพราะ IE ไม่ได้มาตรฐาน Firefox ทำได้ดีกว่านี้
ชื่อเรื่องคือคำอธิบายและเพิ่มเติมในรูปภาพ หากคุณต้องการใช้พรอมต์ข้อความเมื่อเมาส์ผ่านรูปภาพคุณควรใช้ชื่อแอตทริบิวต์ แอตทริบิวต์ชื่อเรื่องมีลำดับความสำคัญสูงกว่าข้อความ ALT อย่างไรก็ตามเนื่องจากคำแนะนำที่ไม่ถูกต้องผู้เริ่มต้นจำนวนมากจะเพิ่มแอตทริบิวต์ ALT ลงในแท็ก IMG เท่านั้น
มาดูตัวอย่างด้านล่างและเราสามารถเห็นความแตกต่างระหว่างข้อความ alt และชื่ออย่างชัดเจนยิ่งขึ้น:
//*ภาพไม่ปรากฏ
<img src = vevb.jpg width = 400 ความสูง = 104Alt = การออกแบบเว็บ>
<img src = vevb.jpg width = 239 ความสูง = 104 title = การออกแบบเว็บ/
//*แสดงรูปภาพ
<img src = vevb.png title = การออกแบบเว็บ/
<img src = vevb.png alt = การออกแบบเว็บ/
ในเบราว์เซอร์ IE ข้อความจะปรากฏขึ้นเมื่อเมาส์ผ่านรูปภาพสำหรับรหัสทั้งสี่นี้
ในเบราว์เซอร์ Firefox รหัสสามตัวแรกเมื่อเมาส์ผ่านรูปภาพพรอมต์ข้อความจะปรากฏขึ้นและรหัสสุดท้ายเมาส์จะผ่านรูปภาพจะไม่แสดงข้อความแจ้งข้อความ (ดังแสดงในรูปด้านล่าง)
กล่าวคือเมื่อไม่สามารถแสดงภาพเนื้อหาของข้อความทดแทนจะปรากฏขึ้นเมื่อเมาส์จะผ่านภาพและเมื่อสามารถแสดงภาพข้อความแทนที่จะไม่ปรากฏขึ้นเมื่อเมาส์ผ่านรูปภาพ
ตอนนี้เรารู้แล้วว่าความแตกต่างระหว่างข้อความและชื่อเรื่องคือเราจะใช้มันได้อย่างไร?
1. ข้อความและชื่อเรื่อง ALT มีความสำคัญต่อผู้เข้าชม (ข้อความ ALT จะมีความสำคัญมากกว่าสำหรับเครื่องมือค้นหา) ดังนั้นเมื่อกำหนดวัตถุ IMG ควรเขียนข้อความ ALT และชื่อเรื่องทั้งหมดเพื่อให้แน่ใจว่าสามารถใช้งานได้ตามปกติในเบราว์เซอร์ต่างๆ
2. รวมคำหลักในข้อความและชื่อเรื่องและเนื้อหาของทั้งสองนั้นแตกต่างกันมากที่สุด
3. อย่าวางคำหลักในข้อความและชื่อเรื่อง Alt มิฉะนั้นอาจนำไปสู่บทลงโทษของเครื่องมือค้นหา