คำถามและคำตอบสัมภาษณ์ HTML 60 อันดับแรก (2025)

ต่อไปนี้เป็นคำถามและคำตอบในการสัมภาษณ์แบบ HTML สำหรับนักศึกษาใหม่และผู้สมัครที่มีประสบการณ์เพื่อให้ได้งานในฝัน

ดาวน์โหลด PDF ฟรี: คำถามสัมภาษณ์ HTML

---

1) HTML คืออะไร?

HTML ย่อมาจาก HyperText Markup Language และเป็นภาษาของเวิลด์ไวด์เว็บ เป็นภาษาการจัดรูปแบบข้อความมาตรฐานที่ใช้ในการสร้างและแสดงหน้าเว็บบนเว็บ เอกสาร HTML ประกอบด้วยสองสิ่ง: เนื้อหาและแท็กที่จัดรูปแบบเพื่อให้แสดงบนหน้าเว็บได้อย่างเหมาะสม

---

2) แท็กคืออะไร?

เนื้อหาจะถูกวางไว้ระหว่างแท็ก HTML เพื่อจัดรูปแบบอย่างถูกต้อง ใช้สัญลักษณ์น้อยกว่า (<) และสัญลักษณ์มากกว่า (>) สัญลักษณ์สแลชยังใช้เป็นแท็กปิดด้วย ตัวอย่างเช่น:

<strong>sample</strong>

---

3) แท็ก HTML ทั้งหมดมาคู่กันหรือไม่

ไม่ มีแท็ก HTML เดียวที่ไม่จำเป็นต้องมีแท็กปิด ตัวอย่างได้แก่ แท็กและ แท็ก

---

4) รายการทั่วไปใดบ้างที่สามารถนำมาใช้ในการออกแบบเพจได้?

คุณสามารถแทรกประเภทรายการต่อไปนี้รายการใดรายการหนึ่งหรือรวมกันได้:
– รายการสั่งซื้อ
– รายการที่ไม่เรียงลำดับ
– รายการคำจำกัดความ
– รายการเมนู
– รายการไดเรกทอรี
รายการแต่ละประเภทใช้ชุดแท็กที่แตกต่างกันในการเขียน

---

5) คุณจะแทรกความคิดเห็นใน HTML ได้อย่างไร?

ความคิดเห็นในรูปแบบ HTML ขึ้นต้นด้วย “ - ตัวอย่างเช่น:

<!-- A SAMPLE COMMENT -->

---

6) เอนทิตีตัวละครทั้งหมดแสดงอย่างถูกต้องในทุกระบบหรือไม่?

ไม่ มีเอนทิตีอักขระบางตัวที่ไม่สามารถแสดงได้เมื่อ ระบบปฏิบัติการ ที่เบราว์เซอร์ทำงานอยู่ไม่รองรับอักขระ เมื่อสิ่งนั้นเกิดขึ้น อักขระเหล่านี้จะแสดงเป็นกล่อง

---

7) แผนที่รูปภาพคืออะไร?

แผนผังรูปภาพช่วยให้คุณสามารถเชื่อมโยงไปยังหน้าเว็บต่างๆ ได้โดยใช้รูปภาพเดียว คุณสามารถกำหนดรูปร่างในรูปภาพที่คุณต้องการให้เป็นส่วนหนึ่งของการแมปรูปภาพได้

---

8) ข้อดีของการยุบพื้นที่สีขาวคืออะไร?

ช่องว่างสีขาวคือลำดับช่องว่างของอักขระช่องว่าง ซึ่งถือเป็นอักขระช่องว่างเดี่ยวใน HTML เนื่องจากเบราว์เซอร์จะยุบหลายช่องว่างให้เป็นช่องว่างเดียว คุณจึงสามารถเยื้องบรรทัดข้อความได้โดยไม่ต้องกังวลเรื่องการเว้นวรรคหลายช่อง สิ่งนี้ทำให้คุณสามารถจัดระเบียบโค้ด HTML ให้อยู่ในรูปแบบที่อ่านง่ายขึ้นมาก

---

9) สามารถตั้งค่าแอตทริบิวต์เป็นอะไรก็ได้หรือมีค่าเฉพาะที่ยอมรับหรือไม่

ค่าแอตทริบิวต์บางค่าสามารถตั้งค่าเป็นค่าที่กำหนดไว้ล่วงหน้าเท่านั้น คุณลักษณะอื่นๆ สามารถยอมรับค่าตัวเลขใดๆ ที่แสดงถึงจำนวนพิกเซลสำหรับขนาดหนึ่งๆ ได้

---

10) คุณจะแทรกสัญลักษณ์ลิขสิทธิ์บนหน้าเบราว์เซอร์ได้อย่างไร?

หากต้องการแทรกสัญลักษณ์ลิขสิทธิ์ คุณต้องพิมพ์ © หรือ & #169; ในไฟล์ HTML

---

11) คุณจะสร้างลิงก์ไปยังส่วนต่างๆ ในหน้าเดียวกันได้อย่างไร?

สามารถสร้างลิงค์ได้โดยใช้ แท็ก โดยมีการอ้างอิงผ่านการใช้สัญลักษณ์ตัวเลข (#) ตัวอย่างเช่น คุณสามารถมีหนึ่งบรรทัดเป็น BACK TO TOP ซึ่งจะส่งผลให้คำว่า "BACK TO TOP" ปรากฏบนหน้าเว็บและลิงก์ไปยังบุ๊กมาร์กชื่อบนสุด จากนั้นคุณสร้างคำสั่งแท็กแยกต่างหากเหมือนกับ ที่ด้านบนของหน้าเว็บเดียวกัน เพื่อให้ผู้ใช้เชื่อมโยงกับจุดนั้นเมื่อเขาคลิกที่ "BACK TO TOP"

---

12) มีวิธีใดที่จะเก็บองค์ประกอบรายการไว้ในไฟล์ HTML หรือไม่?

เมื่อใช้การเยื้อง คุณสามารถคงองค์ประกอบรายการให้ตรงได้ หากคุณเยื้องแต่ละรายการย่อยให้ห่างจากรายการหลักที่มีรายการดังกล่าว คุณสามารถระบุรายการต่างๆ และองค์ประกอบที่มีอยู่ในรายการได้อย่างรวดเร็ว

---

13) หากคุณเห็นที่อยู่เว็บในนิตยสาร มันจะชี้ไปที่หน้าเว็บใด?

ทุกหน้าเว็บบนเว็บสามารถมีที่อยู่เว็บแยกต่างหากได้ ที่อยู่เหล่านี้ส่วนใหญ่จะสัมพันธ์กับหน้าเว็บบนสุด ที่อยู่เว็บที่เผยแพร่ซึ่งปรากฏภายในนิตยสารมักจะชี้ไปที่หน้าบนสุดนี้ จากหน้าระดับบนสุดนี้ คุณสามารถเข้าถึงหน้าอื่นๆ ทั้งหมดภายในเว็บไซต์ได้

---

14) การใช้ข้อความแสดงแทนในการทำแผนที่รูปภาพคืออะไร?

เมื่อคุณใช้แผนที่รูปภาพ อาจทำให้เกิดความสับสนและยากที่จะระบุได้ว่าฮอตสปอตใดสอดคล้องกับลิงก์ใด การใช้ข้อความแสดงแทนช่วยให้คุณสามารถใส่ข้อความอธิบายในแต่ละลิงก์ฮอตสปอตได้

---

15) ไฟล์ HTML รุ่นเก่าใช้งานได้กับเบราว์เซอร์รุ่นใหม่หรือไม่

ใช่ ไฟล์ HTML เก่าเป็นไปตามมาตรฐาน HTML ไฟล์เก่าๆ ส่วนใหญ่จะใช้งานได้บนเบราว์เซอร์รุ่นใหม่ แม้ว่าฟีเจอร์บางอย่างอาจไม่ทำงานก็ตาม

---

16) ไฮเปอร์ลิงก์ใช้กับข้อความเท่านั้นหรือไม่?

ไม่ สามารถใช้ไฮเปอร์ลิงก์ในข้อความและรูปภาพได้ นั่นหมายความว่าคุณสามารถแปลงรูปภาพเป็นลิงก์ที่จะอนุญาตให้ผู้ใช้ลิงก์ไปยังหน้าอื่นเมื่อคลิก ล้อมรอบรูปภาพภายใน … แท็กผสมกัน

---

17) หากระบบปฏิบัติการของผู้ใช้ไม่รองรับอักขระที่ต้องการ จะแสดงสัญลักษณ์ได้อย่างไร?

ในกรณีที่ระบบปฏิบัติการไม่รองรับอักขระใดตัวหนึ่ง ก็ยังสามารถแสดงอักขระนั้นโดยแสดงเป็นรูปภาพแทนได้

---

18) คุณจะเปลี่ยนประเภทตัวเลขที่อยู่ตรงกลางรายการได้อย่างไร?

ที่ แท็ก มีสองแอตทริบิวต์ - ประเภทและค่า แอตทริบิวต์ type สามารถใช้เพื่อเปลี่ยนประเภทการกำหนดหมายเลขสำหรับรายการใด ๆ แอตทริบิวต์ value สามารถเปลี่ยนดัชนีตัวเลขได้

---

19) สไตล์ชีทคืออะไร?

สไตล์ชีตช่วยให้คุณสร้างเทมเพลตสไตล์ที่สอดคล้อง เคลื่อนย้ายได้ และมีการกำหนดไว้อย่างดี เทมเพลตเหล่านี้สามารถเชื่อมโยงกับหน้าเว็บต่างๆ ได้หลายหน้า ทำให้ง่ายต่อการดูแลรักษาและเปลี่ยนแปลงรูปลักษณ์ของหน้าเว็บทั้งหมดภายในไซต์

---

20) ประเภทสัญลักษณ์แสดงหัวข้อย่อยที่มีอยู่ใน HTML

ด้วยรายการที่เรียงลำดับ คุณสามารถเลือกใช้รายการประเภทต่างๆ ได้ รวมถึงตัวอักษรและเลขโรมัน แอตทริบิวต์ type สำหรับรายการที่ไม่เรียงลำดับสามารถตั้งค่าเป็นดิสก์ สี่เหลี่ยม หรือวงกลม

---

21) คุณจะสร้างข้อความหลากสีในหน้าเว็บได้อย่างไร?

หากต้องการสร้างข้อความที่มีสีต่างกัน ให้ใช้แท็ก ... สำหรับอักขระทุกตัวที่คุณต้องการใส่สี คุณสามารถใช้ชุดแท็กนี้ได้หลายครั้งตามต้องการ โดยล้อมรอบอักขระตัวเดียวหรือทั้งคำ

---

22) เหตุใดจึงมีค่าเอนทิตีอักขระทั้งตัวเลขและชื่อ?

ค่าตัวเลขนำมาจากค่า ASCII สำหรับอักขระต่างๆ แต่ค่าเหล่านี้อาจจำได้ยาก ด้วยเหตุนี้ ค่าเอนทิตีอักขระที่มีชื่อจึงถูกสร้างขึ้นเพื่อให้ผู้ออกแบบเว็บเพจใช้งานได้ง่ายขึ้น

---

23) เขียนลำดับแท็กตาราง HTML ที่ส่งออกดังต่อไปนี้:
50 ชิ้น 100 500
10 ชิ้น 5 50

คำตอบ:

<table> 
<tr> 
<td>50 pcs</td> 
<td>100</td> 
<td>500</td> 
</tr> 
<tr> 
<td>10 pcs</td> 
<td>5</td> 
<td>50</td> 
</tr> 
</table>

---

24) ข้อดีของการจัดกลุ่มช่องทำเครื่องหมายหลายช่องไว้ด้วยกันคืออะไร?

แม้ว่าช่องทำเครื่องหมายจะไม่กระทบต่อกัน แต่การจัดกลุ่มช่องทำเครื่องหมายไว้ด้วยกันจะช่วยจัดระเบียบช่องทำเครื่องหมายได้ ปุ่มช่องทำเครื่องหมายสามารถมีชื่อได้และไม่จำเป็นต้องอยู่ในกลุ่ม หน้าเว็บเดียวสามารถมีช่องทำเครื่องหมายได้หลายกลุ่ม

---

25) จะเกิดอะไรขึ้นหากคุณซ้อนทับชุดแท็ก?

หากแท็ก HTML สองชุดซ้อนทับกัน ระบบจะจดจำเฉพาะแท็กแรกเท่านั้น คุณจะพบปัญหานี้เมื่อข้อความแสดงไม่ถูกต้องบนหน้าจอเบราว์เซอร์

---

26) แอพเพล็ตคืออะไร?

แอพเพล็ตเป็นโปรแกรมขนาดเล็กที่สามารถฝังไว้ภายในหน้าเว็บเพื่อทำหน้าที่เฉพาะบางอย่าง เช่น การคำนวณ ภาพเคลื่อนไหว และการประมวลผลข้อมูล แอปเล็ตเขียนด้วยภาษาจาวา

---

27) จะเกิดอะไรขึ้นหากไม่มีข้อความระหว่างแท็กหรือข้อความถูกละเว้นโดยไม่ได้ตั้งใจ? มันจะส่งผลต่อการแสดงไฟล์ HTML หรือไม่?

หากไม่มีข้อความระหว่างแท็ก แสดงว่าไม่มีอะไรต้องจัดรูปแบบ ดังนั้นจึงไม่มีการจัดรูปแบบปรากฏขึ้น แท็กบางแท็กโดยเฉพาะแท็กที่ไม่มีแท็กปิดเช่น แท็ก ไม่ต้องใช้ข้อความใดๆ ระหว่างพวกเขา

---

28) เป็นไปได้ไหมที่จะกำหนดสีเฉพาะให้กับเส้นขอบตาราง?

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

---

29) คุณจะสร้างลิงค์ที่จะเชื่อมต่อกับหน้าเว็บอื่นเมื่อคลิกได้อย่างไร?

หากต้องการสร้างไฮเปอร์ลิงก์หรือลิงก์ที่เชื่อมต่อกับหน้าเว็บอื่น ให้ใช้แท็ก href รูปแบบทั่วไปสำหรับสิ่งนี้คือ: ข้อความ
แทนที่ "ไซต์" ด้วย URL ของหน้าจริงที่ควรเชื่อมโยงเมื่อคลิกข้อความ

---

30) สามารถใช้วิธีใดอีกบ้างในการจัดแนวรูปภาพและตัดข้อความ?

สามารถใช้ตารางเพื่อวางตำแหน่งข้อความและรูปภาพได้ อีกวิธีที่มีประโยชน์ในการล้อมข้อความรอบรูปภาพคือการใช้สไตล์ชีต

---

31) ลิงก์ข้อความเดียวสามารถชี้ไปยังหน้าเว็บสองหน้าที่แตกต่างกันได้หรือไม่

ไม่ได้ แท็กสามารถยอมรับแอตทริบิวต์ href เพียงรายการเดียว และสามารถชี้ไปที่หน้าเว็บได้เพียงหน้าเดียวเท่านั้น

---

32) อะไรคือความแตกต่างระหว่างไดเร็กทอรีและรายการเมนูและรายการที่ไม่เรียงลำดับ?

ข้อแตกต่างที่สำคัญคือรายการไดเร็กทอรีและเมนูไม่มีคุณลักษณะสำหรับการเปลี่ยนสไตล์สัญลักษณ์แสดงหัวข้อย่อย

---

33) คุณเปลี่ยนสีกระสุนได้ไหม?

สีของสัญลักษณ์แสดงหัวข้อย่อยจะเหมือนกับสีของอักขระตัวแรกในรายการเสมอ หากคุณล้อมรอบ และอักขระตัวแรกที่มีชุด แท็กพร้อมชุดแอตทริบิวต์สี สีสัญลักษณ์แสดงหัวข้อย่อย และอักขระตัวแรกจะเป็นสีที่แตกต่างจากข้อความ

---

34) ขีดจำกัดของขนาดช่องข้อความคืออะไร?

ขนาดเริ่มต้นสำหรับช่องข้อความคือประมาณ 13 อักขระ อย่างไรก็ตาม หากคุณรวมแอตทริบิวต์ size คุณสามารถตั้งค่าขนาดให้ต่ำได้ถึง 1 ค่าขนาดสูงสุดจะถูกกำหนดโดยความกว้างของเบราว์เซอร์ หากแอตทริบิวต์ size ถูกตั้งค่าเป็น 0 ขนาดจะถูกตั้งค่าเป็นขนาดเริ่มต้นที่ 13 ตัวอักษร

---

35) ทำ แท็กจะต้องอยู่ที่จุดเริ่มต้นของแถวหรือคอลัมน์เสมอหรือไม่

ใดๆ แท็กสามารถเปลี่ยนเป็น แท็ก สิ่งนี้ทำให้ข้อความที่มีอยู่ภายใน แท็กที่จะแสดงเป็นตัวหนาในเบราว์เซอร์ แม้ว่า แท็กส่วนใหญ่จะใช้สำหรับส่วนหัว ไม่จำเป็นต้องใช้สำหรับส่วนหัวโดยเฉพาะ

---

36) ความสัมพันธ์ระหว่างคุณลักษณะเส้นขอบและกฎคืออะไร?

เส้นขอบเซลล์เริ่มต้นที่มีความหนา 1 พิกเซลจะถูกเพิ่มระหว่างเซลล์โดยอัตโนมัติหากแอตทริบิวต์เส้นขอบถูกตั้งค่าเป็นค่าที่ไม่ใช่ศูนย์ ในทำนองเดียวกัน หากไม่รวมแอตทริบิวต์เส้นขอบ เส้นขอบเริ่มต้น 1 พิกเซลจะปรากฏขึ้นหากมีการเพิ่มแอตทริบิวต์กฎลงใน แท็ก

---

37) กระโจมคืออะไร?

กระโจมช่วยให้คุณสามารถใส่ข้อความแบบเลื่อนลงในหน้าเว็บได้ ในการดำเนินการนี้ ให้วางข้อความใดๆ ที่คุณต้องการให้ปรากฏโดยเลื่อนไว้ภายใน และ แท็ก

---

38) คุณจะสร้างข้อความบนเว็บเพจที่จะช่วยให้คุณสามารถส่งอีเมลเมื่อคลิกได้อย่างไร?

หากต้องการเปลี่ยนข้อความเป็นลิงก์ที่คลิกได้เพื่อส่งอีเมล ให้ใช้คำสั่ง mailto ภายในแท็ก href รูปแบบมีดังนี้:

<A HREF=”mailto:youremailaddress”>text to be clicked</A>

 

---

39) เป็น แท็กเป็นวิธีเดียวที่จะแยกส่วนของข้อความ?

เลขที่ แท็กเป็นเพียงวิธีเดียวในการแยกบรรทัดข้อความ แท็กอื่นๆ เช่น แท็กและ แท็ก รวมถึงแยกส่วนของข้อความด้วย

---

40) มีกรณีที่ข้อความปรากฏนอกเบราว์เซอร์หรือไม่?

ตามค่าเริ่มต้น ข้อความจะถูกล้อมให้ปรากฏภายในหน้าต่างเบราว์เซอร์ อย่างไรก็ตาม หากข้อความเป็นส่วนหนึ่งของเซลล์ตารางที่มีความกว้างที่กำหนด ข้อความอาจขยายเกินหน้าต่างเบราว์เซอร์ได้

---

41) ลิงค์ที่ใช้งานแตกต่างจากลิงค์ปกติอย่างไร?

สีเริ่มต้นสำหรับลิงก์ปกติและลิงก์ที่ใช้งานอยู่คือสีน้ำเงิน เบราว์เซอร์บางตัวรู้จักลิงก์ที่ใช้งานอยู่เมื่อวางเคอร์เซอร์ของเมาส์ไว้เหนือลิงก์นั้น ส่วนอื่นๆ จะจดจำลิงก์ที่ใช้งานอยู่เมื่อลิงก์นั้นโฟกัสอยู่ ผู้ที่ไม่มีเคอร์เซอร์ของเมาส์เหนือลิงก์นั้นถือเป็นลิงก์ปกติ

---

42) สไตล์ชีทจำกัดจำนวนคำจำกัดความของสไตล์ใหม่ที่สามารถรวมไว้ในวงเล็บได้หรือไม่?

สไตล์ชีตไม่จำกัดจำนวนคำจำกัดความของสไตล์ที่สามารถรวมไว้ในวงเล็บสำหรับตัวเลือกที่กำหนดได้ อย่างไรก็ตาม คำจำกัดความสไตล์ใหม่ทุกคำจะต้องแยกออกจากคำจำกัดความอื่นๆ ด้วยเครื่องหมายอัฒภาค

---

43) ฉันสามารถระบุค่าน้ำหนักเศษส่วน เช่น 670 หรือ 973 สำหรับน้ำหนักแบบอักษรได้หรือไม่

การใช้งานส่วนใหญ่ขึ้นอยู่กับเบราว์เซอร์ แต่มาตรฐานไม่รองรับค่าน้ำหนักเศษส่วน ค่าที่ยอมรับได้จะต้องลงท้ายด้วยศูนย์สองตัว

---

44) ลำดับชั้นที่ต้องปฏิบัติตามเมื่อพูดถึงสไตล์ชีทคืออะไร?

หากตัวเลือกเดียวมีคำจำกัดความสไตล์ที่แตกต่างกันสามคำ คำจำกัดความที่ใกล้กับแท็กจริงมากที่สุดจะมีความสำคัญกว่า สไตล์อินไลน์มีความสำคัญมากกว่าสไตล์ชีตแบบฝัง ซึ่งจะมีความสำคัญมากกว่าสไตล์ชีตภายนอก

---

45) สามารถรวมตัวเลือกหลายตัวที่มีชื่อคลาสเข้าด้วยกันได้หรือไม่?

คุณสามารถกำหนดตัวเลือกหลายตัวด้วยคำจำกัดความสไตล์เดียวกันได้โดยคั่นด้วยเครื่องหมายจุลภาค เทคนิคเดียวกันนี้ใช้ได้กับตัวเลือกที่มีชื่อคลาสด้วย

---

46) จะเกิดอะไรขึ้นถ้าคุณเปิดภายนอก CSS ไฟล์ในเบราว์เซอร์?

เมื่อคุณพยายามเปิดไฟล์ CSS ภายนอกในเบราว์เซอร์ เบราว์เซอร์จะไม่สามารถเปิดไฟล์ได้ เนื่องจากไฟล์มีนามสกุลต่างกัน วิธีเดียวที่จะใช้ไฟล์ CSS ภายนอกคือการอ้างอิงโดยใช้ แท็กภายในเอกสาร HTML อื่น

---

47) คุณจะทำให้รูปภาพเป็นภาพพื้นหลังของหน้าเว็บได้อย่างไร?

เมื่อต้องการทำเช่นนี้ ให้วางโค้ดแท็กไว้หลัง แท็กดังต่อไปนี้:

<body background = “image.gif”>

แทนที่ image.gif ด้วยชื่อไฟล์รูปภาพของคุณ วิธีนี้จะถ่ายภาพและทำให้เป็นภาพพื้นหลังของหน้าเว็บของคุณ

---

48) จะเกิดอะไรขึ้นหากใช้คุณสมบัติ list-style-type ในองค์ประกอบที่ไม่ใช่รายการเช่นย่อหน้า?

หากใช้คุณสมบัติ list-style-type ในองค์ประกอบที่ไม่ใช่รายการเช่นย่อหน้า คุณสมบัตินั้นจะถูกละเว้นและไม่ส่งผลกระทบต่อย่อหน้า

---

49) เมื่อใดจึงเหมาะสมที่จะใช้เฟรม?

เฟรมช่วยให้การนำทางไซต์ง่ายขึ้นมาก หากลิงก์หลักไปยังไซต์อยู่ในกรอบที่ปรากฏที่ด้านบนหรือตามขอบของเบราว์เซอร์ เนื้อหาของลิงก์เหล่านั้นสามารถแสดงได้ในส่วนที่เหลือของหน้าต่างเบราว์เซอร์

---

50) จะเกิดอะไรขึ้นหากจำนวนค่าในแถวหรือแอตทริบิวต์ cols รวมกันไม่ครบ 100 เปอร์เซ็นต์?

เบราว์เซอร์จะปรับขนาดเฟรมให้สัมพันธ์กับผลรวมของค่า หากตั้งค่าแอตทริบิวต์ cols เป็น 100% เบราว์เซอร์จะแสดงเฟรมแนวตั้ง 200 เฟรม โดยเฟรมที่สองจะใหญ่เป็น XNUMX เท่าของเฟรมแรก

---

51) เบราว์เซอร์ใดบ้างที่รองรับ HTML5

Google Chrome, Apple Safari, Mozilla Firefox และ Opera เวอร์ชันล่าสุดทั้งหมดรองรับฟีเจอร์ HTML5 ส่วนใหญ่

---

52) ตั้งชื่อแท็กใหม่สองแท็กที่รวมอยู่ใน HTML 5

และ เป็นแท็กใหม่ซึ่งรวมอยู่ในเวอร์ชัน HTML5 ส่วนใหญ่จะใช้แทน Flash, Silverlight และเทคโนโลยีที่คล้ายกันในการเล่นรายการมัลติมีเดีย

---

53) คุณรู้หรือไม่ว่าแท็กความหมายสองแท็กใดที่รวมอยู่ในเวอร์ชัน HTML5

ที่ และ แท็กคือแท็กใหม่สองแท็กที่รวมอยู่ใน HTML5 บทความสามารถประกอบด้วยหลายส่วนซึ่งสามารถมีหลายบทความได้ แท็กบทความแสดงถึงบล็อกเนื้อหาทั้งหมดซึ่งเป็นส่วนหนึ่งของเนื้อหาโดยรวมที่ใหญ่กว่า

---

54) คืออะไร ใน HTML5?

แท็กนี้แสดงถึงส่วนหนึ่งของเนื้อหาโฟลว์ที่มีอยู่ในตัวเอง ส่วนใหญ่จะใช้เป็นหน่วยเดียวในการอ้างอิงโฟลว์หลักของเอกสาร

---

55) องค์ประกอบ Canvas มีประโยชน์อย่างไร?

องค์ประกอบแคนวาสช่วยสร้างแผนภูมิ กราฟ บายพาส Photoshop เพื่อสร้างภาพ 2 มิติและวางลงในโค้ด HTML5 โดยตรง

---

56) องค์ประกอบ FORM ใหม่ที่มีอยู่ใน HTML5 มีอะไรบ้าง

องค์ประกอบแบบฟอร์มใหม่ใน HTML5 มีฟังก์ชันการทำงานที่ดีกว่าเวอร์ชันก่อนหน้ามาก

แท็กที่ให้ไว้เพื่อทำหน้าที่เหล่านี้คือ:

1) - แท็กนี้ใช้เพื่อระบุรายการตัวเลือกสำหรับการควบคุมอินพุต

2) - แท็กนี้แสดงถึงฟิลด์ตัวสร้างคู่คีย์

3) - แสดงถึงผลลัพธ์ของการคำนวณสคริปต์ใดๆ

---

57) บอกข้อดีสองประการของ HTML5 Web Storage ให้ฉันหน่อย

ประโยชน์หลักสองประการของพื้นที่จัดเก็บเว็บ HTML5:

• สามารถจัดเก็บข้อมูลได้มากถึง 10 MB ซึ่งมากกว่าคุกกี้ที่มีอยู่อย่างแน่นอน
• ข้อมูลพื้นที่เก็บข้อมูลบนเว็บไม่สามารถถ่ายโอนด้วยคำขอ HTTP ช่วยเพิ่มประสิทธิภาพการทำงานของแอพพลิเคชั่น

---

58) Web Storage สองประเภทใน HTML5 คืออะไร?

HTML5 ที่เก็บข้อมูลสองประเภทคือ:

พื้นที่เก็บข้อมูลเซสชั่น: มันเก็บข้อมูลของเซสชั่นปัจจุบันเท่านั้น หมายความว่าข้อมูลที่จัดเก็บไว้ในที่จัดเก็บข้อมูลเซสชันจะถูกล้างโดยอัตโนมัติเมื่อปิดเบราว์เซอร์

ที่เก็บข้อมูลในเครื่อง: ที่จัดเก็บในเครื่องถือเป็นที่เก็บข้อมูลเว็บ HTML5 อีกประเภทหนึ่ง ในที่จัดเก็บในตัวเครื่อง ข้อมูลจะไม่ถูกลบโดยอัตโนมัติเมื่อปิดหน้าต่างเบราว์เซอร์ปัจจุบัน

---

59) Application Cache ใน HTML5 คืออะไร และเหตุใดจึงใช้

แนวคิด Application Cache หมายความว่าเว็บแอปพลิเคชันถูกแคชไว้ สามารถเข้าถึงได้โดยไม่จำเป็นต้องเชื่อมต่ออินเทอร์เน็ต

ข้อดีบางประการของ Application Cache:

1. เรียกดูแบบออฟไลน์ - ผู้ใช้เว็บยังสามารถใช้แอปพลิเคชันได้เมื่อออฟไลน์
2. ความเร็ว - ทรัพยากรที่แคชไว้โหลดเร็วขึ้น
3. ลดภาระเซิร์ฟเวอร์ – เว็บเบราว์เซอร์จะดาวน์โหลดทรัพยากรที่อัปเดตจากเซิร์ฟเวอร์เท่านั้น

---

60) อธิบายประเภทอินพุตใหม่ห้าประเภทที่จัดทำโดย HTML5 สำหรับแบบฟอร์ม

ต่อไปนี้เป็นประเภทข้อมูลใหม่ที่สำคัญที่นำเสนอโดย HTML5:

1. วันที่: ช่วยให้ผู้ใช้สามารถเลือกวันที่ได้
2. วันที่และเวลาท้องถิ่น: ประเภทอินพุตนี้อนุญาตให้ผู้ใช้เลือกวันที่และเวลาโดยไม่มีเขตเวลา
3. วันเวลา: ประเภทอินพุตนี้อนุญาตให้ผู้ใช้เลือกวันที่และเวลาพร้อมเขตเวลา
4. เดือน: ช่วยให้ผู้ใช้สามารถเลือกเดือนและปีได้
5. อีเมล์: ช่องป้อนข้อมูลเหล่านี้ใช้เพื่อมีที่อยู่อีเมล

คำถามสัมภาษณ์เหล่านี้จะช่วยในวีว่าของคุณ (วาจา) เพื่อสร้างอาชีพที่สดใสเช่น UI / UX นักพัฒนาซอฟต์แวร์ ผู้สมัครจะต้องเจาะลึกการสัมภาษณ์ โดยพวกเขาจะถามคำถามสัมภาษณ์ HTML5 ต่างๆ