ตั้งแต่ไม่กี่ปีที่ผ่านมา HTML5 ได้รับความนิยม และวิศวกรพัฒนา HTML5 ก็ได้รับความนิยมอย่างมากในตลาดผู้มีความสามารถ ในฐานะนักพัฒนา HTML5 การสัมภาษณ์ถือเป็นสิ่งสำคัญ บทความนี้จะสรุปและแนะนำคำถามสัมภาษณ์ HTML5 แบบคลาสสิก 10 ข้อที่คุณอาจไม่คุ้นเคย ฉันหวังว่ามันจะช่วยคุณได้ในการสัมภาษณ์ ข้างล่างนี้พอบอกว่ามาดูรายละเอียดเบื้องต้นกันดีกว่า
1. HTML5 คืออะไร?คำตอบ: HTML5 เป็นมาตรฐาน HTML ล่าสุด
หมายเหตุ: อธิบายวัตถุประสงค์การออกแบบของการเปิดตัว HTML5 รวมถึงการใช้งานของตลาดในปัจจุบัน การสนับสนุนเบราว์เซอร์ ฯลฯ - - -วัตถุประสงค์การออกแบบ
HTML5 ได้รับการออกแบบมาเพื่อรองรับมัลติมีเดียบนอุปกรณ์พกพา มีการนำเสนอฟีเจอร์ไวยากรณ์ใหม่เพื่อรองรับสิ่งนี้ เช่น แท็กวิดีโอ เสียง และแคนวาส HTML5 ยังแนะนำคุณลักษณะใหม่ๆ ที่สามารถเปลี่ยนวิธีที่ผู้ใช้โต้ตอบกับเอกสารได้อย่างแท้จริง ได้แก่:
· กฎการแยกวิเคราะห์ใหม่เพิ่มความยืดหยุ่น
· คุณสมบัติใหม่
· กำจัดคุณลักษณะที่ล้าสมัยหรือซ้ำซ้อน
· ลากและวางฟังก์ชันการทำงานจากเอกสาร HTML5 หนึ่งไปยังอีกเอกสารหนึ่ง
2. ประเภทองค์ประกอบแบบฟอร์มใหม่ใน HTML5 มีอะไรบ้างคำตอบ: แบบฟอร์มการยืนยันในท้องถิ่นจะต้องหุ้มด้วยแท็กแบบฟอร์มจึงจะเห็นผล
คำตอบ: เว็บเพจทั่วไปประกอบด้วยส่วนหัว ส่วนท้าย การนำทาง พื้นที่ตรงกลาง และแถบด้านข้าง ตอนนี้หากเราต้องการแสดงเนื้อหานี้ในพื้นที่ HTML ใน HTML4 เราอาจต้องการใช้แท็ก DIV
แต่ใน HTML5 ด้วยการสร้างชื่อองค์ประกอบสำหรับพื้นที่เหล่านี้ เราจะทำให้มันชัดเจนขึ้นและทำให้ HTML ของคุณอ่านง่ายขึ้น
ต่อไปนี้เป็นรายละเอียดเพิ่มเติมขององค์ประกอบ HTML5 ที่สร้างโครงสร้างของหน้า: (โปรดทราบว่าข้อควรพิจารณาหลักคือความหมายของแท็ก)
คำตอบ: เบราว์เซอร์ระดับไฮเอนด์เกือบทั้งหมด เช่น Safari, Chrome, Firefox, Opera, IE8 และสูงกว่า รองรับ HTML5
5. เหตุใดเราจึงไม่จำเป็นต้องใช้ DTD (Document Type Definition) ใน HTML5?คำตอบ: HTML5 ไม่ได้ใช้ SGML หรือ XHTML นี่เป็นสิ่งใหม่ ดังนั้นคุณไม่จำเป็นต้องอ้างอิงถึง DTD สำหรับ HTML5 คุณเพียงแค่วางโค้ดประเภทเอกสารต่อไปนี้เพื่อบอกให้เบราว์เซอร์รับรู้ว่านี่คือ เอกสาร HTML5
6.HTML5 ที่เก็บข้อมูลออฟไลน์?คำตอบ: localStorage เก็บข้อมูลไว้เป็นเวลานาน และข้อมูลจะไม่สูญหายหลังจากปิดเบราว์เซอร์
ข้อมูล sessionStorage จะถูกลบโดยอัตโนมัติหลังจากปิดเบราว์เซอร์
7. เบราว์เซอร์จัดการและโหลดทรัพยากรพื้นที่เก็บข้อมูลออฟไลน์ HTML5 อย่างไรคำตอบ:
(1) เมื่อออนไลน์ เบราว์เซอร์พบว่าส่วนหัว HTML มีแอตทริบิวต์รายการ และจะขอไฟล์รายการ หากนี่เป็นครั้งแรกที่เข้าถึงแอป เบราว์เซอร์จะดาวน์โหลดทรัพยากรที่เกี่ยวข้องตามเนื้อหาของ ไฟล์รายการและเก็บไว้แบบออฟไลน์ หากมีการเข้าถึงแอปและทรัพยากรถูกจัดเก็บแบบออฟไลน์ เบราว์เซอร์จะใช้ทรัพยากรออฟไลน์เพื่อโหลดเพจ จากนั้นเบราว์เซอร์จะเปรียบเทียบไฟล์รายการใหม่กับไฟล์รายการเก่า ถ้าไฟล์ไม่มีการเปลี่ยนแปลง ไม่ การดำเนินการจะดำเนินการ หากไฟล์มีการเปลี่ยนแปลง ทรัพยากรในไฟล์จะถูกดาวน์โหลดใหม่และจัดเก็บแบบออฟไลน์
(2) เมื่อออฟไลน์ เบราว์เซอร์จะใช้ทรัพยากรที่เก็บไว้แบบออฟไลน์โดยตรง
8. โปรดอธิบายความแตกต่างระหว่างคุกกี้ sessionStorage และ localStorage หรือไม่(1) คุกกี้จะถูกส่งกลับไปกลับมาระหว่างเบราว์เซอร์และเซิร์ฟเวอร์ ส่วน sessionStorage และ localStorage จะไม่ส่งผ่าน
(2) sessionStorage และ localStorage มีพื้นที่เก็บข้อมูลขนาดใหญ่
(3) sessionStorage และ localStorage มีอินเทอร์เฟซที่สมบูรณ์และใช้งานง่ายยิ่งขึ้น
(4) sessionStorage และ localStorage มีพื้นที่เก็บข้อมูลอิสระ
9. Page Visibility API มีประโยชน์อย่างไร?คำตอบ: เมื่อเพจเปลี่ยนไปใช้กระบวนการพื้นหลังอื่น การเล่นเพลงหรือวิดีโอจะหยุดชั่วคราวโดยอัตโนมัติ
10.จะปิดฟังก์ชั่นเติมข้อความอัตโนมัติในรูปแบบ HTML5 ได้อย่างไร?คำตอบ: เพียงตั้งค่า autocomplete=off สำหรับการป้อนข้อมูลที่คุณไม่ต้องการให้แจ้งเตือน
สรุปข้างต้นคือเนื้อหาทั้งหมดของบทความนี้ ฉันหวังว่าเนื้อหาในบทความนี้จะมีคุณค่าอ้างอิงสำหรับการศึกษาหรือการทำงานของทุกคน หากคุณมีคำถามใด ๆ คุณสามารถฝากข้อความไว้เพื่อสื่อสารได้ เครือข่าย.