Seit einigen Jahren erfreut sich HTML5 großer Beliebtheit und HTML5-Entwicklungsingenieure erfreuen sich auf dem Talentmarkt großer Beliebtheit. Als HTML5-Entwickler sind Interviews unerlässlich. In diesem Artikel werden zehn klassische Front-End-HTML5-Interviewfragen zusammengefasst und vorgestellt. Ich hoffe, dass sie Ihnen in Ihrem Interview weiterhelfen Unten ist genug gesagt, schauen wir uns die ausführliche Einführung an.
1. Was ist HTML5?Antwort: HTML5 ist der neueste HTML-Standard.
Hinweis: Beschreiben Sie den Designzweck der HTML5-Einführung sowie die aktuelle Marktnutzung, Browserunterstützung usw. . . .Designzweck
HTML5 wurde entwickelt, um Multimedia auf mobilen Geräten zu unterstützen. Um dies zu unterstützen, wurden neue Syntaxfunktionen wie Video-, Audio- und Canvas-Tags eingeführt. HTML5 führt außerdem neue Funktionen ein, die die Art und Weise, wie Benutzer mit Dokumenten interagieren, wirklich verändern können, darunter:
· Neue Parsing-Regeln erhöhen die Flexibilität
· Neue Immobilien
· Eliminieren Sie veraltete oder überflüssige Attribute
· Drag-and-Drop-Funktionalität von einem HTML5-Dokument zum anderen
2.Was sind die verschiedenen neuen Formularelementtypen in HTML5?Antwort: Das lokale Verifizierungsformular muss mit einem Formular-Tag umschlossen werden, um den Effekt zu sehen.
Antwort: Eine typische WEB-Seite umfasst eine Kopfzeile, eine Fußzeile, eine Navigation, einen Mittelbereich und eine Seitenleiste. Wenn wir diesen Inhalt nun in einem HTML-Bereich in HTML4 rendern möchten, möchten wir möglicherweise DIV-Tags verwenden.
Aber in HTML5 machen wir durch die Erstellung von Elementnamen für diese Bereiche diese klarer und machen Ihren HTML-Code besser lesbar.
Hier finden Sie weitere Details zu den HTML5-Elementen, die die Struktur der Seite bilden: (Beachten Sie, dass die Tag-Semantik im Vordergrund steht.)
Antwort: Fast alle High-End-Browser wie Safari, Chrome, Firefox, Opera, IE8 und höher unterstützen HTML5
5. Warum brauchen wir in HTML5 keine DTD (Document Type Definition)?Antwort: HTML5 verwendet weder SGML noch ein HTML5-Dokument.
6.HTML5-Offline-Speicher?Antwort: LocalStorage speichert Daten lange und geht nach dem Schließen des Browsers nicht verloren.
sessionStorage-Daten werden nach dem Schließen des Browsers automatisch gelöscht.
7. Wie verwaltet und lädt der Browser HTML5-Offline-Speicherressourcen?Antwort:
(1) Wenn der Browser online ist, stellt er fest, dass der HTML-Header das Manifest-Attribut enthält, und fordert die Manifestdatei an. Wenn Sie zum ersten Mal auf die App zugreifen, lädt der Browser die entsprechenden Ressourcen basierend auf dem Inhalt herunter Manifestdatei und speichern Sie sie offline. Wenn auf die App zugegriffen wurde und die Ressourcen offline gespeichert wurden, verwendet der Browser die Offline-Ressourcen zum Laden der Seite und vergleicht dann die neue Manifestdatei mit der alten Manifestdatei. Wenn sich die Datei nicht geändert hat, nein Der Vorgang wird ausgeführt. Wenn sich die Datei ändert, werden die Ressourcen in der Datei erneut heruntergeladen und offline gespeichert.
(2) Im Offline-Modus verwendet der Browser direkt die offline gespeicherten Ressourcen.
8. Bitte beschreiben Sie den Unterschied zwischen Cookies, sessionStorage und localStorage?(1) Cookies werden zwischen dem Browser und dem Server hin- und hergereicht, sessionStorage und localStorage jedoch nicht.
(2) sessionStorage und localStorage verfügen über größeren Speicherplatz.
(3) sessionStorage und localStorage verfügen über umfangreichere und benutzerfreundlichere Schnittstellen.
(4) sessionStorage und localStorage verfügen über unabhängige Speicherplätze.
9. Wozu dient die Page Visibility API?Antwort: Wenn die Seite auf andere Hintergrundprozesse umgeschaltet wird, wird die Wiedergabe von Musik oder Videos automatisch angehalten.
10.Wie deaktiviere ich die Autovervollständigungsfunktion im HTML5-Formular?Antwort: Stellen Sie einfach „autocomplete=off“ für Eingaben ein, zu denen Sie nicht aufgefordert werden möchten.
ZusammenfassenDas Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, dass der Inhalt dieses Artikels einen gewissen Referenzwert für jedermanns Studium oder Arbeit hat. Wenn Sie Fragen haben, können Sie eine Nachricht für die Kommunikation hinterlassen Netzwerk.