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
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
Beispiel für die Verwendung von JSX zum Erstellen einer Komponentenparserentwicklung
Inhaltsverzeichnis Aufbau einer JSX-Umgebung Einr...
Detaillierte Erläuterung des Front-End-Systems von Vue sowie der Trennung von Front-End und Back-End
Inhaltsverzeichnis Überblick Front-End-Wissenssys...
Docker startet im Status „Beendet“
Nach dem Docker-Lauf ist der Status immer „Beende...
MySQL-Abfrageanweisung nach Zeit gruppiert
MySQL-Abfrage nach Jahr, Monat, Woche, Tagesgrupp...
Natives js imitiert die Pulldown-Aktualisierung eines Mobiltelefons
In diesem Artikel wird der spezifische Code von j...
So zeigen Sie die IP-Adresse von Linux in einer virtuellen VMware-Maschine an
1. Doppelklicken Sie zunächst auf das VMware-Symb...
Einführung und Verwendung des Javascript-Generators
Was ist ein Generator? Ein Generator ist ein Code...
Vue implementiert ein Beispiel zum Herunterziehen und Scrollen zum Laden von Daten
Inhaltsverzeichnis Schritt 1: Installation Schrit...
CSS3 erzielt einen coolen 3D-Rotationsperspektiveneffekt
CSS3 erreicht coole 3D-Rotationsperspektive 3D-An...
Detaillierte Erläuterung der Fallstricke von DTS, die durch die Zeitstempel- und Datums-/Uhrzeitzonenprobleme in MySQL verursacht werden
Inhaltsverzeichnis Wie wird die aktuelle Uhrzeit ...
Verwenden Sie nginx, um virtuelle Hosts auf Domänennamenbasis zu konfigurieren
1. Was ist ein virtueller Host? Virtuelle Hosts v...
Einführung in die Verwendung von CSS3-Farbwerten (RGBA) und Farbverlaufsfarben
Vor CSS3 konnten Verlaufsbilder nur als Hintergru...
CSS implementiert die Webkomponentenfunktion zum Verschieben des Nachrichtenfelds
Hallo zusammen, ich frage mich, ob ihr die gleich...
Eine Aufzeichnung der Fallstricke des Lebenszyklus von WeChat-Applet-Komponenten
Der Komponentenlebenszyklus ist normalerweise der...
Tutorial zur grundlegenden Syntax von js und zur Konfiguration von Maven-Projekten
Inhaltsverzeichnis 1. js-Anweisung Zweitens js-Ar...