Zusammenfassung aller HTML-Interviewfragen

Zusammenfassung aller HTML-Interviewfragen

1. Die Rolle des Doctypes, der Unterschied zwischen striktem und gemischtem Modus und seine Bedeutung

1. Syntaxformat: <!DOCTYPE html>

2. <!DOCTYPE> ist kein HTML-Tag, sondern eine Anweisung, die dem Browser mitteilt, welche HTML-Version zum Schreiben dieser Seite verwendet werden soll

3. In HTML 4.01 gibt es drei Modi:

1. HTML 4.01 Der strikte Modus schließt keine Präsentationselemente ( Tags, die rein der Seitenanzeige dienen, wie z. B. „b“, „font“ usw., da es dafür entsprechende Alternativen in CSS gibt ) und veraltete Elemente wie z. B. „font“ aus und erlaubt keine Framesets.

2. HTML 4.01 Übergangsfiltermodus, einschließlich Präsentations- und veralteter Elemente, jedoch keine Framesets;

3. HTML 4.01 Frameset-loser Modus, einschließlich Anzeige- und veralteter Elemente sowie Framesets;

4. Es gibt vier Modi in xhtml:

1. Der strikte Modus von XHTML 1.0 schließt keine Präsentations- und veralteten Tags ein, erlaubt keine Framesets und schreibt Tags strikt im XML-Format.

2. Der Übergangsfiltermodus von XHTML 1.0, einschließlich Präsentations- und veralteter Tags, lässt keine Framesets zu und schreibt Tags ausschließlich im XML-Format.

3. XHTML 1.0 Frameset-loser Modus, einschließlich Präsentations- und Veraltungs-Tags, der Framesets zulässt und Tags strikt im XML-Format schreibt;

4. XHTML 1.1 entspricht XHTML 1.0 strikt, erlaubt aber das Hinzufügen von Modellen.

5. Der Unterschied zwischen Standardmodus und gemischtem Modus

1. Diese beiden Modi werden hauptsächlich von Browserherstellern verfeinert. Im Standardmodus stellt der Browser die Seite gemäß der Spezifikation dar, während der Browser sie im Promiscuous-Modus abwärtskompatibel darstellt.

2. Mozilla und Safari verwenden den „fast Standardmodus“, was bedeutet, dass es leichte Unterschiede in der Art und Weise gibt, wie sie mit Tabellen umgehen.

3. Das größte Problem ist der Box-Rendering-Mechanismus des IE, der Border-Box (Weird-Modus) und Content-Box umfasst.

6. So aktivieren Sie den Promiscuous-Modus

1. HTML 4.01-Dokumente werden im Promiscuous-Modus gerendert, wenn sie eine Übergangs-DTD (Filter), aber keine URI enthalten.

2. Wenn in xhtml oder html kein <!DOCTYPE>-Tag vorhanden ist, wird das Rendering im gemischten Modus verwendet

2. Warum muss HTML5 nur <!DOCTYPE HTML> schreiben?

Der Hauptgrund besteht darin, dass es in HTML5 nur einen Dokumenttyp gibt, nämlich HTML. Im Gegensatz zu HTML 4.01 oder XHTML1.0, die über mehrere Dokumenttypen verfügen.

3. Inline-Elemente, Blockebenenelemente und leere Elemente

1. Inline-Elemente: span, a, em (Hervorhebung), label, textarea, select, sub, sup usw.

2. Elemente auf Blockebene: div, ul, ol, li, h1~h6, table, form, p, dl, dd, dt usw.

3. Leere Elemente: br, hr

4. Der Unterschied zwischen Link- und @import-Importstilen

1. Es gibt drei Möglichkeiten, CSS in HTML-Seiten zu referenzieren: Style-Tags innerhalb der Seite, Link-externe Links und @import-Importe.

2. link ist ein xhtm-Tag, das nicht nur auf CSS, sondern auch auf RSS-Dienste verweist, während @import nur CSS sein kann

3. Die externe Linkdatei wird synchron mit dem Dokument geladen, während @import mit dem Laden wartet, bis das Dokument geladen ist.

4. Link weist keine Kompatibilitätsprobleme auf, aber @import befindet sich in der CSS 2.1-Spezifikation und wird von Browsern mit niedrigeren Versionen nicht unterstützt.

5. Link unterstützt die Verwendung von JS zur Steuerung des Stils von DOM-Elementen, @import hingegen nicht (d. h. Sie können Javascript verwenden, um das Link-Tag zu bedienen und das CSS-Dokument zu ändern, um den Effekt einer Skin-Änderung zu erzielen, @import funktioniert jedoch nicht).

XML/HTML-CodeInhalt in die Zwischenablage kopieren
  1. < Stil >   
  2. @import url('test.css');
  3.      </ Stil >   

Die obige Zusammenfassung der HTML-Interviewfragen ist alles, was ich mit Ihnen teilen möchte. Ich hoffe, sie kann Ihnen als Referenz dienen. Ich hoffe auch, dass Sie 123WORDPRESS.COM unterstützen werden.

Original-URL: http://www.cnblogs.com/cqhaibin/archive/2016/07/24/5701943.html

<<:  Mehrere Methoden zum Ausführen von SQL-Dateien unter der MySQL-Befehlszeile

>>:  So verwenden Sie Web-Frontend-Vektorsymbole

Artikel empfehlen

Allgemeine Struktur-Tags in XHTML

Struktur Text, Kopf, HTML, Titel Text abbr, Akron...

JS+CSS zur Realisierung einer dynamischen Uhr

In diesem Artikelbeispiel wird der spezifische Co...

Grundlegendes Tutorial zur Bedienung von Dateien und Berechtigungen in CentOS

Vorwort Bevor wir beginnen, sollten wir uns kurz ...

Detaillierte Erklärung der Verwendung von Bildschirmbefehlen in Linux

GUN-Bildschirm: Offizielle Website: http://www.gn...

Div in HTML ausblenden Tabelle ausblenden TABLE- oder DIV-Inhalt im CSS-Stil

Ich habe heute Abend ein Problem gelöst, das mich...

Funktionsprinzip und Beispielanalyse des Linux-NFS-Mechanismus

Was ist NFS? Netzwerkdateisystem Eine Methode ode...

So stellen Sie mit Navicat eine Remoteverbindung zur Cloud-Server-Datenbank her

Es ist sehr praktisch, eine Verbindung zu einer R...

MySQL 5.7.18 Installations-Tutorial unter Windows

In diesem Artikel wird erklärt, wie Sie MySQL aus...

Win10 Docker-Toolsbox-Tutorial zum Erstellen einer PHP-Entwicklungsumgebung

Bild herunterladen Docker-Pull MySQL:5.7 docker p...

Drei Netzwerkmethoden und Prinzipien von virtuellen VMware-Maschinen (Zusammenfassung)

1. Brigde——Bridge: VMnet0 wird standardmäßig verw...

VMware Workstation Pro installiert das Win10-Betriebssystem in Reinform

Dieser Artikel beschreibt die Schritte zur Instal...