HTML5 การใช้งาน i Tag

ใน HTML5 แท็ก <i> ใช้เพื่อแสดงข้อความเป็น italic (ตัวเอียง) หรือเพื่อเน้นการแสดงผลในเชิงความหมายมากกว่าการเปลี่ยนรูปลักษณ์เพียงอย่างเดียว

การใช้งาน <i> ใน HTML5

การเน้นคำแบบเชิงสัญลักษณ์: ใช้เพื่อแสดงคำที่มีความสำคัญในเชิงสัญลักษณ์ เช่น ชื่อเรื่อง ชื่อภาษา หรือวลีที่มีความสำคัญทางวัฒนธรรม

HTML
<p>เขียนโปรแกรมด้วย <i>Python</i> เป็นสิ่งที่ท้าทายและสนุกสนาน</p>

คำศัพท์ภาษาต่างประเทศ: ใช้เมื่อต้องการแสดงคำหรือวลีจากภาษาต่างประเทศ

HTML
<p>คำว่า <i>Bonjour</i> ในภาษาฝรั่งเศสหมายถึง "สวัสดี"</p>

การแสดงคำที่ต้องการเน้น: ใช้เพื่อเน้นคำหรือข้อความในบริบทที่ไม่ควรใช้แท็ก <em> (emphasis) เช่น การแสดงชื่อหนังสือหรือชื่อบทความ

HTML
<p>หนังสือเล่มนี้ชื่อว่า <i>The Great Gatsby</i></p>

ใช้สำหรับไอคอนในเว็บ: ในการใช้ร่วมกับไลบรารีเช่น Font Awesome เพื่อแสดงไอคอนผ่านแท็ก <i>

HTML
<i class="fas fa-home"></i> Home

การประยุกต์ใช้งาน <i>

ในเอกสารหรือบทความ: ใช้แท็ก <i> สำหรับแสดงชื่อเรื่อง หรือข้อความที่ต้องการให้เป็นตัวเอียง เพื่อแยกแยะความหมาย

HTML
<p>หนังเรื่อง <i>Inception</i> เป็นภาพยนตร์ที่ยอดเยี่ยม</p>

การใช้กับสัญลักษณ์หรือคำสำคัญ: ใช้เพื่อแสดงสัญลักษณ์ที่มีความหมายเชิงพิเศษ เช่น ตัวแปรทางคณิตศาสตร์หรือฟิสิกส์

HTML
<p>สูตรคำนวณความเร็วคือ <i>v = s/t</i></p>

ใช้ร่วมกับไอคอนจากไลบรารีภายนอก: การใช้ <i> เพื่อแทนที่ไอคอน ทำให้โค้ดของเราสั้นลงและสะดวกในการปรับแต่งสไตล์

HTML
<i class="fab fa-twitter"></i> Follow us on Twitter

ข้อควรระวัง

ใน HTML5 ควรใช้แท็ก <i> ในเชิงความหมายมากขึ้น ไม่ใช่แค่การเปลี่ยนสไตล์ (เช่น ตัวเอียง) ควรใช้ให้เหมาะสมตามบทบาทในบริบท

แชร์เรื่องนี้