home

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

แท็ก HTML <big>: ล้าสมัยแล้ว ใช้ CSS แทน

แท็ก <big> ใน HTML คืออะไร?

แท็ก <big> ใช้สำหรับ ทำให้ข้อความใหญ่ขึ้นจากขนาดปกติ หนึ่งขนาด แต่ แท็กนี้ล้าสมัย (Deprecated) ใน HTML5 แล้ว** ไม่ควรใช้ในโปรเจกต์ใหม่

ตัวอย่าง (เพื่อการศึกษาเท่านั้น)

<!DOCTYPE html>
<html>
<body>
  <h2>หัวข้อตัวอย่าง</h2>
  <p>นี่คือข้อความตัวอย่าง!</p>
  <p><big>ข้อความนี้ใหญ่กว่าข้อความปกติ</big></p>
</body>
</html>

วิธีที่ถูกต้องใน HTML5: ใช้ CSS

<!DOCTYPE html>
<html>
<head>
  <style>
    .text-large { font-size: 1.2em; } /* ใหญ่ขึ้น 1.2 เท่า */
    .text-big { font-size: 1.5rem; }  /* ใหญ่ขึ้น 1.5 เท่าของ root */
  </style>
</head>
<body>
  <p>นี่คือข้อความตัวอย่าง!</p>
  <p class="text-large">ข้อความนี้ใหญ่กว่าข้อความปกติ (ใช้ CSS)</p>
</body>
</html>

แท็กที่เกี่ยวข้องและล้าสมัยเช่นกัน

แท็กล้าสมัยฟังก์ชันแทนที่ด้วย CSS
<big>ข้อความใหญ่ขึ้นfont-size: larger หรือ 1.2em
<small>ข้อความเล็กลงfont-size: smaller หรือ 0.8em
<font>สี ฟอนต์ ขนาดcolor, font-family, font-size
<center>จัดกึ่งกลางtext-align: center
<strike>, <s>ขีดทับtext-decoration: line-through
<u> (เก่า)ขีดเส้นใต้text-decoration: underline

สรุป

แยกเนื้อหา (HTML) และการนำเสนอ (CSS) ใช้ Class และ CSS แทนแท็กจัดรูปแบบเก่า ทำให้บำรุงรักษาง่าย เข้าถึงได้ (Accessible) และเป็นมาตรฐาน