แบบทดสอบก่อนเรียน
แบบทดสอบก่อนเรียน
โครงสร้างภาษา HTML5
โครงสร้างหลักของ HTML5
ลักษณะโครงสร้างพื้นฐานข้อมูลเว็บเพจตามแบบของ HTML5 ส่วนใหญ่แล้วมีลักษณะไม่แตกต่างไปจาก HTML เวอร์ชั่นก่อนหน้านั้นมากนัก มีเพียงข้อกำหนดอย่างอย่างที่แตกต่างไป โดย โครงสร้างหลักของ HTML มีส่วนประกอบต่างๆ ดังนี้
- ส่วนประกาศชนิดประเภของหน้าเว็บเพจ (Doctype Declaration)
- ส่วนประกาศแท็ก HTML
- ส่วนหัวของเว็บเพจ (Head Section)
- ส่วนเนื้อหาเว็บเพจ (Body Section)
1. แท๊ก <!doctype > ใช้ในการประกาศชนิดของเว็บเพจที่สร้างขึ้น ใช้มาตรฐาน HTML5 เพื่อให้เว็บเบราเซอร์ได้รู้ และวิธีการประมวลผลสำหรับหน้าเว็บเพจนั้น ได้อย่างถูกต้อง <!doctype html>
ข้อควรรู้เพิ่มเติม
- วางแท็ก <!doctype> บนสุดของหน้าเว็บเพจนั้นๆ ก่อนส่วนอื่นๆ เสมอๆ เพื่อให้เว็บเบราเซอร์ได้รู้ก่อนการประมวล เพื่อการแสดงผลที่ดีตรงตามประเภทนั้น ได้อย่างเหมาะสมและมีประสิทธิภาพ
- แท็ก <!doctype> ไม่ได้เป็นส่วนหนึ่งของแท็ก HTML แต่อย่างใด
- แท็ก <!doctype> เป็นแท็กประเภท แท็กเดี่ยว (Single Tag) สามารถเขียนด้วยอักษรตัวพิมพ์เล็กหรือพิมพ์ใหญ่ก็ได้
2. แท็ก <html> ใช้ในการกำหนดจุดเริ่มต้นของเว็บเพจ HTML ในขณะที่แท็กปิดคือ </html> เป็นการกำหนดจุดสิ้นสุด แท็ก <html> โดยองค์ประกอบต่างๆ จะอยู่ในภายใน <html> .... </html>
3. ส่วนหัวเรื่อง (Head) แท็ก <head> ใช้ในการกำหนดข้อมูลส่วนหัวของเอกสาร หรือก่อนที่จะเริ่มเนื้อหาของเว็บเพจ เป็นส่วนที่ประกอบไปด้วย แท็ก <title></title>, <meta> , <link> หรือแม้แต่ css style javascript ต่าง ๆ ไว้ในส่วนนี้ด้วย
- Meta tags เป็นข้อความที่เราประกาศเอาไว้ใน Code จะไม่แสดงผลในเว็บเพจ โดยใช้ แท็ก <meta> ซึ่งเป็นแท็กเดี่ยว เช่น <meta charset=utf-8" /> นี้จะบอกชุดตัวอักษรที่ใช้กับภาษาไทย จะมีความสะดวก ในการประกาศเพราะ คำสั่งสั้นลง
- Link tag เป็นการประกาศ การเรียกใ้ช้ css จากด้านนอก ในการตกแต่งให้เว็บเพจมีความสวยงาม ก็จะเขียนไว้ที่ ส่วนของ Head เช่นกัน
4. ส่วนเนื้อหา (Body) เป็นส่วนที่แสดงเนื้อหาของเว็บเพจทั้งหมดซึ่งประกอบด้วย ข้อความและแท็กต่าง ๆ ในส่วนนี้จะแสดงที่ web brower โดยตรง ก็จะเหมือนกับ HTML 4 เช่น แท็กสำหรับจัดการกับรูปแบบของข้อความ ตาราง รูปภาพ กราฟิกต่างๆ สีของตัวอักษร สีพื้น เป็นต้น และแบ่งกลุ่มคำสั่งได้ดังนี้
- กลุ่มคำสั่งเกี่ยวกับการจัดรูปแบบเอกสาร
- กลุ่มคำสั่งจัดแต่ง/ควบคุมรูปแบบตัวอักษร
- กลุ่มคำสั่งการทำเอกสารแบบรายการ (List)
- กลุ่มคำสั่งเกี่ยวกับการทำลิงค์
- กลุ่มคำสั่งจัดการรูปภาพ
- กลุ่มคำสั่งจัดการตาราง (Table)
- กลุ่มคำสั่งควบคุมเฟรม
- กลุ่มคำสั่งอื่นๆ
