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

แท็ก <small> ใน HTML5 ใช้เพื่อระบุข้อความที่มีขนาดเล็กกว่าปกติหรือเป็นข้อความที่ไม่เน้นมาก โดยมักใช้ในการแสดงข้อมูลเสริมหรือข้อความที่เป็นข้อยกเว้น เช่น คำเตือน, ลิขสิทธิ์, หรือคำอธิบายเสริมที่ไม่สำคัญมากนัก ซึ่งจะทำให้ตัวอักษรในแท็กนี้เล็กลงจากขนาดของข้อความปกติ

ลักษณะการใช้งานของ <small>

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

<h1>บทความหลัก</h1>
<p>นี่คือเนื้อหาหลักของบทความนี้</p>
<small>ข้อมูลเพิ่มเติม: อัพเดทล่าสุดเมื่อวันที่ 5 ตุลาคม 2024</small>

แสดงข้อความลิขสิทธิ์หรือคำเตือน แท็ก <small> มักใช้แสดงข้อความที่เกี่ยวข้องกับลิขสิทธิ์หรือข้อจำกัดต่าง ๆ ที่ผู้ใช้ต้องทราบ เช่น ลิขสิทธิ์ข้อมูลหรือคำเตือนทางกฎหมาย

<footer>
    <p><small>© 2024 บริษัท XYZ. สงวนลิขสิทธิ์ทุกประการ.</small></p>
</footer>

ใช้กับข้อความในฟอร์ม ข้อความเพิ่มเติมหรือตัวอย่างในฟอร์มสามารถใส่ใน <small> เพื่อไม่ให้โดดเด่นมากเกินไปแต่ยังคงช่วยผู้ใช้งานได้

<label for="email">อีเมล:</label>
<input type="email" id="email" name="email">
<small>กรุณากรอกอีเมลของคุณ</small>

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

<table>
    <tr>
        <th>ชื่อสินค้า</th>
        <th>ราคา</th>
    </tr>
    <tr>
        <td>สินค้า A</td>
        <td>$10 <small>(ไม่รวมภาษี)</small></td>
    </tr>
</table>

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

<p>คำเตือน: ยานี้อาจทำให้ง่วงนอน <small>ควรหลีกเลี่ยงการขับขี่หลังจากทานยา</small></p>

สรุป

แท็ก <small> ใช้เพื่อทำให้ข้อความย่อย ๆ หรือข้อมูลที่มีความสำคัญน้อยกว่าในเนื้อหา มีขนาดตัวอักษรเล็กลงและไม่เด่นชัดเหมือนกับข้อความหลัก การใช้งานนี้ช่วยในการจัดระเบียบเนื้อหาให้ผู้ใช้สามารถรับรู้ความสำคัญของข้อมูลในแต่ละส่วนได้อย่างเหมาะสม