โครงสร้างขั้นพื้นฐานของเอกสาร HTML

เอกสาร HTML คือเพจเว็บที่แสดงเนื้อหาบนเว็บไซต์ ประกอบด้วยแท็กที่มีทั้ง opening และ closing tags แต่มีบางแท็กไม่ได้คู่ (void elements) ไม่มี closing tag โครงสร้างขั้นพื้นฐานก็มีแท็กที่ต้องมีอยู่

องค์ประกอบหลัก

1. DOCTYPE Declaration
   เริ่มต้นด้วย <!DOCTYPE html> บอกเบราว์เซอร์ว่าเป็น HTML5
2. <html>
   แท็กรูท (root element) ครอบทุกอย่างยกเว้น DOCTYPE เนื้อหาทั้งหมดอยู่ภายใน <html>...</html>
3. <head>
   ส่วนหัวเอกสาร ใส่ <title>, meta tags, CSS, JS, favicon ฯลฯ ไม่แสดงบนหน้าจอ
4. <body>
   ส่วนเนื้อหาหลักที่แสดงบนเว็บ ใส่ <p>, <h1>, <div>, รูปภาพ, ฟอร์ม ฯลฯ

ตัวอย่างโครงสร้างขั้นพื้นฐาน

<!DOCTYPE html> <html>
  <head>
    <title>HTML Document</title>
  </head>
  <body>
    <p>This is demo text.</p>
  </body>
</html>

แท็กทั่วไปใน <head>

• <meta charset="UTF-8"> – ตั้ง encoding (บังคับ)
• <meta name="viewport" content="width=device-width, initial-scale=1.0"> – Responsive
• <meta name="description" content="..."> – SEO
• <link rel="stylesheet" href="style.css"> – CSS
• <script src="script.js" defer></script> – JS