home

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

การประกาศ HTML Doctype: คู่มือสำหรับผู้เริ่มต้น

เมื่อเริ่มสร้างเอกสาร HTML ใหม่ สิ่งแรกที่ควรทำคือการเขียน Document Type Declaration (Doctype) การประกาศ Doctype จะบอกเบราว์เซอร์ว่าหน้าเว็บที่กำลังจะแสดงผลเขียนด้วยภาษา HTML สำหรับ HTML5 จำเป็นต้องมี <!DOCTYPE html> อยู่บรรทัดแรกของเอกสาร HTML การประกาศ Doctype สำหรับ HTML5 ไม่สนใจตัวพิมพ์เล็ก-ใหญ่ (case-insensitive) และไม่ต้องมีแท็กปิด

สิ่งที่ต้องมีในเอกสาร HTML ใหม่

นอกจากการประกาศ Doctype แล้ว คุณยังต้องรวมแท็ก html, head, และ body ด้วย

<!DOCTYPE html>
<html>
  <head>
    <!-- ข้อมูลเมตาของเว็บไซต์ -->
  </head>
  <body>
    <!-- เนื้อหาที่ผู้ชมจะเห็น -->
  </body>
</html>

แท็ก HTML Element

แท็ก <html> แจ้งให้เบราว์เซอร์ทราบว่าทุกอย่างระหว่างแท็กเปิด <html> และแท็กปิด </html> เป็นข้อความ HTML

แท็ก Head Element

องค์ประกอบ <head> ใช้เก็บข้อมูลเมตาสำหรับเบราว์เซอร์ ข้อมูลเมตานี้อาจรวมถึงภาษาของหน้าเว็บ ชื่อเรื่องของหน้าเว็บ หรือลิงก์ไปยังไฟล์สไตล์ชีต (CSS)

แท็ก Body Element

องค์ประกอบ <body> ประกอบด้วยข้อมูลที่ผู้ชมจะเห็น มีแท็กหลายอย่างอยู่ภายใน เช่น <p> สำหรับย่อหน้า <ol> สำหรับรายการเรียงลำดับ <li> สำหรับรายการย่อย หรือ <a> สำหรับลิงก์

Doctype แบบเก่าที่อาจพบเห็น

สำหรับเอกสาร HTML5 สามารถประกาศ Doctype ด้วยโค้ด <!DOCTYPE html> แต่คุณอาจพบโค้ดเก่า (legacy code) ที่เขียนสำหรับ Doctype รุ่นก่อนหน้า การประกาศ Doctype ก่อน HTML5 ซับซ้อนกว่า เพราะอ้างอิงถึง DTD (Document Type Definition) ตัวอย่าง Doctype รุ่นเก่ามีดังนี้:

HTML 4.01 Strict

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "https://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "https://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "https://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

ข่าวดีคือ ไม่มีเหตุผลที่จะต้องใช้ Doctype แบบเก่าเหล่านี้ หากคุณกำลังเขียนเอกสาร HTML ใหม่!

สรุป

สรุปคือ ทุกเอกสาร HTML ต้องเริ่มต้นด้วยการประกาศ Doctype การประกาศนี้สื่อสารกับเบราว์เซอร์ว่าหน้าเว็บจะถูกแสดงผลใน HTML หากคุณเพิ่งเริ่มเรียน HTML แนะนำให้อ่านคู่มือ Learn HTML: A Guide to Learning Hypertext Markup Language หรือบทความ How Long Does It Take to Learn HTML?