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

Detaillierte Erklärung der Fallstricke von MySQL 8.0

Ich habe heute MySQL 8.0 aktualisiert. Das erste ...

Installations-JDK-Tutorialanalyse für Linux-System (Centos6.5 und höher)

Artikelstruktur 1. Vorbereitung 2. Installieren S...

Einführung in den Aufbau eines DNS-Servers unter centos7

Inhaltsverzeichnis 1. Projektumgebung: 2: DNS-Ser...

Docker-Installationsschritte für Redmine

Laden Sie das Image herunter (optionaler Schritt,...

Zusammenfassung von fünf Befehlen zum Überprüfen des Swap-Speichers in Linux

Vorwort Unter Linux können zwei Arten von Swap-Sp...

Remotedesktopverbindung zwischen Windows und Linux

Wenn es um eine Remotedesktopverbindung zu Linux ...

HTML-Tabellen-Tag-Tutorial (25): vertikales Ausrichtungsattribut VALIGN

In vertikaler Richtung können Sie die Zeilenausri...

Zusammenfassung der MySQL-Entwicklungsstandards und -Nutzungskenntnisse

1. Namenskonventionen 1. Datenbanknamen, Tabellen...

Funktionsweise von SQL-SELECT-Datenbankabfragen

Obwohl wir keine professionellen DBAs sind, könne...

So richten Sie domänenübergreifenden Zugriff in IIS web.config ein

Anforderung: Die Seite muss ein Bild anzeigen, ab...