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
Kapseln Sie die Navigationsleistenkomponente mit Vue
Vorwort: Die vollständige Kapselung eines Funktio...
Javascript verwendet das Integritätsattribut zur Sicherheitsüberprüfung
Inhaltsverzeichnis 1. Dateien mit Skript-Tags imp...
Versuchen Sie Docker+Nginx, um die Single-Page-Anwendungsmethode bereitzustellen
Von der Entwicklung bis zur Bereitstellung: Mache...
Verschiedene Probleme, auf die Anfänger bei der Installation von MySQL in Docker stoßen
Vorwort In letzter Zeit dauert das Herunterfahren...
Beispiel für den Export und Import von Docker-Containern
Inhaltsverzeichnis Docker-Container exportieren D...
Detaillierte Erklärung der einfachen HTML- und CSS-Verwendung
Ich werde drei Tage benötigen, um den statischen ...
Detaillierte grafische und textliche Anweisungen zur Installation von MySQL 5.7.20 unter Mac OS
Installieren von MySQL 5.7 aus TAR.GZ auf Mac OS ...
Docker-Zeitzonenproblem und Datenmigrationsproblem
Neueste Lösung: -v /usr/share/zoneinfo/Asia/Shang...
Implementierungsschritte zum Installieren einer Java-Umgebung in Docker
Dieser Artikel basiert auf Linux CentOS8, um Dock...
Schritte eines hervorragenden Registrierungsprozesses
Für eine Website ist dies die grundlegendste Funkt...
So ändern Sie das ursprüngliche Passwort von MySQL auf dem MAC
Problembeschreibung: Ich habe einen Mac gekauft u...
5 Möglichkeiten, um schnell den Leerraum eines Inline-Blocks in HTML zu entfernen
Der Eigenschaftswert „Inline-Block“ ist sehr nütz...
Methoden zum lokalen Sichern von Windows Server-Dateien, Lösungen zum Sichern von Windows Server-Daten
Wichtige Daten müssen gesichert werden, und zwar ...
Detaillierte Erklärung der Bedeutung von Standard-Commit-Nachrichten in der JavaScript-Entwicklung
Inhaltsverzeichnis Die Bedeutung der Standard-Com...
Analyse des Sperrmechanismus der MySQL-Datenbank
Bei gleichzeitigen Zugriffen kann es zu nicht wie...