คำถามและคำตอบของคำถาม HTML5 15 คำถาม

1. คำถาม: HTML5 คืออะไร?
ตัวเลือก:
A. Hyper Text Markup Language version 5
B. High Tech Media Language version 5
C. Hyperlink Text Management Language version 5
D. Home Tool Markup Language version 5
คำตอบที่ถูกต้อง: A
คำอธิบาย: HTML5 เป็นเวอร์ชันล่าสุดของ Hyper Text Markup Language ซึ่งใช้สำหรับโครงสร้างเว็บเพจและเพิ่มฟีเจอร์ใหม่ๆ เช่น กราฟิกและมัลติมีเดีย

2. คำถาม: องค์ประกอบใหม่ใน HTML5 ที่ใช้สำหรับส่วนหัวของหน้าเว็บคืออะไร?
ตัวเลือก:
A. {head}
B. {header}
C. {top}
D. {title}
คำตอบที่ถูกต้อง: B
คำอธิบาย: {header} เป็นองค์ประกอบใหม่ใน HTML5 ที่ใช้สำหรับส่วนหัวของหน้าเว็บหรือส่วนย่อย เพื่อเพิ่มความหมายเชิงภาษา

3. คำถาม: องค์ประกอบใดใน HTML5 ที่ใช้สำหรับสร้างกราฟิกแบบโต้ตอบ?
ตัวเลือก:
A. {img}
B. {canvas}
C. {svg}
D. {picture}
คำตอบที่ถูกต้อง: B
คำอธิบาย: {canvas} อนุญาตให้สร้างกราฟิกแบบไดนามิกผ่าน JavaScript และใช้สำหรับการวาดภาพหรือเกม

4. คำถาม: วิธีแทรกวิดีโอใน HTML5 โดยใช้องค์ประกอบใด?
ตัวเลือก:
A. {video}
B. {embed}
C. {media}
D. {player}
คำตอบที่ถูกต้อง: A
คำอธิบาย: {video} เป็นองค์ประกอบใน HTML5 ที่ใช้สำหรับฝังวิดีโอโดยตรง โดยรองรับคุณสมบัติเช่น autoplay และ controls

5. คำถาม: องค์ประกอบใดเป็นองค์ประกอบเชิงภาษาใน HTML5?
ตัวเลือก:
A. {div}
B. {article}
C. {span}
D. {p}
คำตอบที่ถูกต้อง: B
คำอธิบาย: {article} เป็นองค์ประกอบเชิงภาษาที่ใช้สำหรับเนื้อหาที่เป็นอิสระ เช่น บทความ เพื่อช่วยเครื่องมือค้นหา

6. คำถาม: อะไรคือจุดประสงค์ขององค์ประกอบ {footer} ใน HTML5?
ตัวเลือก:
A. ส่วนหัวของหน้า
B. ส่วนท้ายของหน้า
C. เนื้อหาหลัก
D. เมนูนำทาง
คำตอบที่ถูกต้อง: B
คำอธิบาย: {footer} ใช้สำหรับส่วนท้ายของหน้าเว็บหรือส่วนย่อย เพื่อแสดงข้อมูลลิขสิทธิ์หรือลิงก์

7. คำถาม: ความแตกต่างระหว่าง {section} และ {article} ใน HTML5 คืออะไร?
ตัวเลือก:
A. {section} สำหรับบทความ {article} สำหรับส่วนย่อย
B. {section} สำหรับส่วนย่อย {article} สำหรับเนื้อหาเดี่ยว
C. ทั้งสองเหมือนกัน
D. {section} สำหรับรูปภาพ
คำตอบที่ถูกต้อง: B
คำอธิบาย: {section} ใช้สำหรับกลุ่มเนื้อหาที่เกี่ยวข้อง ในขณะที่ {article} ใช้สำหรับเนื้อหาที่เป็นอิสระและสามารถนำไปใช้ใหม่ได้

8. คำถาม: วิธีจัดเก็บข้อมูลในเบราว์เซอร์โดยไม่ใช้เซสชันใน HTML5 คืออะไร?
ตัวเลือก:
A. Cookies
B. Local Storage
C. Session Storage
D. Database
คำตอบที่ถูกต้อง: B
คำอธิบาย: Local Storage เป็นส่วนหนึ่งของ Web Storage API ใน HTML5 ที่ใช้จัดเก็บข้อมูลถาวรในเบราว์เซอร์

9. คำถาม: Geolocation API ใน HTML5 ใช้สำหรับอะไร?
ตัวเลือก:
A. จัดการรูปภาพ
B. ได้รับตำแหน่งทางภูมิศาสตร์
C. สร้างกราฟิก
D. ตรวจสอบอีเมล
คำตอบที่ถูกต้อง: B
คำอธิบาย: Geolocation API ช่วยให้เว็บไซต์เข้าถึงตำแหน่งของผู้ใช้ผ่าน GPS เพื่อใช้ในแอปพลิเคชันที่เกี่ยวข้อง

10. คำถาม: ชื่อแอตทริบิวต์ที่ใช้ใน HTML5 เพื่อให้องค์ประกอบสามารถลากได้คืออะไร?
ตัวเลือก:
A. editable
B. draggable
C. movable
D. dragable
คำตอบที่ถูกต้อง: B
คำอธิบาย: draggable เป็นแอตทริบิวต์ใน HTML5 ที่กำหนดให้องค์ประกอบสามารถลากและวางได้ด้วย JavaScript

11. คำถาม: องค์ประกอบใดใน HTML5 ที่ใช้สำหรับแสดงรายละเอียดที่ซ่อนอยู่?
ตัวเลือก:
A. {details}
B. {summary}
C. {hidden}
D. {toggle}
คำตอบที่ถูกต้อง: A
คำอธิบาย: {details} ใช้ร่วมกับ {summary} เพื่อแสดงข้อมูลที่ซ่อนอยู่และสามารถขยายได้เมื่อคลิก

12. คำถาม: วิธีสร้างแถบความคืบหน้าใน HTML5 คืออะไร?
ตัวเลือก:
A. {progress}
B. {bar}
C. {load}
D. {meter}
คำตอบที่ถูกต้อง: A
คำอธิบาย: {progress} เป็นองค์ประกอบที่ใช้แสดงระดับความคืบหน้าของงาน เช่น การดาวน์โหลดไฟล์

13. คำถาม: อะไรคือจุดประสงค์ขององค์ประกอบ {output} ใน HTML5?
ตัวเลือก:
A. แสดงผลลัพธ์ของการคำนวณ
B. กราฟิก
C. รูปภาพ
D. วิดีโอ
คำตอบที่ถูกต้อง: A
คำอธิบาย: {output} ใช้สำหรับแสดงผลลัพธ์จากการคำนวณหรือฟอร์ม เช่น ผลรวมจาก input

14. คำถาม: ใน HTML5 แอตทริบิวต์ใดที่ใช้กำหนดประเภทของอินพุตในฟอร์ม?
ตัวเลือก:
A. type
B. input
C. formtype
D. data
คำตอบที่ถูกต้อง: A
คำอธิบาย: type เป็นแอตทริบิวต์ของ {input} ที่กำหนดประเภท เช่น text, email, หรือ date เพื่อการตรวจสอบข้อมูล

15. คำถาม: ความแตกต่างของการตรวจสอบฟอร์มใน HTML5 จากเวอร์ชันก่อนคืออะไร?
ตัวเลือก:
A. HTML5 มีการตรวจสอบอัตโนมัติ
B. ไม่มีการตรวจสอบ
C. ต้องใช้ JavaScript เสมอ
D. ใช้เฉพาะ CSS
คำตอบที่ถูกต้อง: A
คำอธิบาย: HTML5 มีคุณสมบัติ built-in validation เช่น required หรือ pattern เพื่อตรวจสอบข้อมูลโดยไม่ต้องโค้ดเพิ่มเติมมากมาย