เพื่อแสดงข้อความที่สำคัญและต้องการเน้น ให้ใช้แท็ก <strong> แท็ก <strong> ใน HTML ใช้สำหรับเน้นข้อความที่สำคัญ มีความหมายทางความหมาย (Semantic) ว่าเนื้อหานี้มีความสำคัญมาก
ตัวอย่าง
ลองรันโค้ดต่อไปนี้เพื่อใช้งานแท็ก <strong> ใน HTML:
<!DOCTYPE html>
<html>
<head>
<title>HTML strong Tag</title>
</head>
<body>
<p>This is an <strong>important</strong> text</p>
</body>
</html>
ความแตกต่างระหว่าง <strong>, <b>, และ <em>
| แท็ก | ความหมาย (Semantic) | การแสดงผลปกติ | เมื่อควรใช้ |
|---|---|---|---|
<strong> |
สำคัญมาก / ความสำคัญสูง | ตัวหนา (Bold) | คำเตือน, ข้อความสำคัญที่ผู้ใช้ต้องสังเกต |
<b> |
ดึงดูดสายตา ไม่มีความหมายพิเศษ | ตัวหนา (Bold) | คำสำคัญในประโยค, ชื่อผลิตภัณฑ์, คีย์เวิร์ด |
<em> |
เน้นความหมาย / เน้นเสียง | ตัวเอียง (Italic) | คำที่ต้องอ่านด้วยเสียงเน้น, ความแตกต่างของความหมาย |
ตัวอย่างการใช้งาน
<p><strong>Warning:</strong> This action cannot be undone.</p>
<p>The <b>HTML</b> language is used for web structure.</p>
<p>I <em>really</em> like this movie.</p>
เคล็ดลับ: สำหรับการเข้าถึง (Accessibility) โปรแกรมอ่านหน้าจอ (Screen readers) จะอ่าน <strong> ด้วยเสียงเน้น ส่วน <b> จะอ่านปกติ ดังนั้นให้ใช้ <strong> เมื่อข้อความมีความสำคัญจริงๆ