Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

การสร้างข้อความเน้นสำคัญ (Strong Text) ใน HTML

เพื่อแสดงข้อความที่สำคัญและต้องการเน้น ให้ใช้แท็ก <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> เมื่อข้อความมีความสำคัญจริงๆ