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

ใน HTML5 แท็ก <sub> ใช้สำหรับแสดงข้อความที่อยู่ในรูปแบบ “ตัวห้อย” (subscript) ซึ่งเป็นข้อความที่แสดงด้านล่างของข้อความหลัก นิยมใช้ในการแสดงสัญลักษณ์ทางคณิตศาสตร์ เคมี หรือตัวอักษรที่อยู่ในตำแหน่งตัวห้อย เช่น ดัชนีล่างในสูตรทางคณิตศาสตร์ หรือสูตรเคมี

รูปแบบการใช้งาน <sub>

การแสดงตัวเลขดัชนีล่าง (Subscript Numbers)

ใช้ในกรณีที่ต้องการแสดงตัวเลขที่เป็นดัชนีล่าง เช่น ตัวแปรคณิตศาสตร์หรือสูตรต่าง ๆ

<p>สูตรคณิตศาสตร์: a<sub>2</sub> + b<sub>2</sub> = c<sub>2</sub></p>

ในตัวอย่างนี้ ค่า a2, b2, และ c2 จะแสดงเป็นรูปแบบตัวห้อย

การใช้ในสูตรเคมี (Chemical Formulas)

ในกรณีของสูตรเคมี ตัวห้อยใช้แทนจำนวนอะตอมในโมเลกุล เช่น น้ำ (H2O)

<p>สูตรเคมีของน้ำ: H<sub>2</sub>O</p>

คำว่า H2O จะถูกแสดงให้เลข 2 อยู่ในรูปแบบตัวห้อย

การใช้กับการอ้างอิงทางวิชาการ

ตัวห้อยสามารถนำมาใช้ในการอ้างอิงทางวิชาการ ในกรณีที่ต้องการใส่ตัวเลขหรือตัวอักษรขนาดเล็กด้านล่าง

<p>ข้อสรุปของการวิจัยนี้สามารถพบได้ในเอกสารที่อ้างถึงได้ที่บทที่ 5<sub>th</sub></p>

การใช้ในสัญลักษณ์ทางวิทยาศาสตร์

นอกจากคณิตศาสตร์และเคมี ตัวห้อยยังใช้แสดงสัญลักษณ์ทางวิทยาศาสตร์อื่น ๆ

<p>ความเร่งที่เกิดจากแรงโน้มถ่วง: g<sub>0</sub> = 9.8 m/s<sup>2</sup></p>

ในตัวอย่างนี้ g0 หมายถึงความเร่งที่จุด 0

การประยุกต์ใช้งาน <sub> ในรูปแบบอื่น ๆ

ใช้งานร่วมกับ CSS

เราสามารถเพิ่มสไตล์เพิ่มเติมให้กับ <sub> ได้ เช่น การเปลี่ยนสี หรือขนาดตัวอักษร

<p>H<sub style="color: red;">2</sub>O</p>

สรุป

แท็ก <sub> ใน HTML5 เป็นเครื่องมือที่ใช้สำหรับแสดงข้อความในรูปแบบตัวห้อย ใช้งานง่ายและมีประโยชน์ในการนำไปใช้ในหลายสถานการณ์ เช่น คณิตศาสตร์ วิทยาศาสตร์ หรือแม้แต่การอ้างอิง