Zusammenfassung der Überlegungen zum Schreiben von Web-Frontend-Code
|
1. Am besten fügen Sie vor dem HTML-Tag einen Satz wie diesen hinzu <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd" > Der Code gibt an, dass ein bestimmter Satz von W3C-Standards eingehalten wird. Welche Standards konkret verwendet werden, ist von Person zu Person unterschiedlich. Der Vorteil der Verwendung dieses Standards besteht darin, dass Sie sich nicht mehr um unterschiedliche Website-Layouts in unterschiedlichen Browserumgebungen kümmern müssen. Nachdem der Autor diesen Standard verwendet hatte, testete er ihn in den Browserumgebungen IE8, FF und Safari und die Anzeige der Ergebnisseite war normal. Darüber hinaus wurde festgestellt, dass nach der Verwendung dieses Standards einige Fehler im IE selbst nicht mehr auftraten. Beispielsweise trat der Fehler, dass die Höhe der Div-Box im IE standardmäßig größer als die Schrifthöhe ist, nach der Einhaltung dieses Standards nicht mehr auf. Bei der Einhaltung dieses Standards ist zu beachten, dass nicht standardmäßiger Code möglicherweise nicht richtig funktioniert. Beispielsweise gibt es in JavaScript den Code roll1right.innerHTML = roll1left.innerHTML;, wobei roll1right und roll1left die IDs zweier verschiedener Divs auf der Webseite sind. Die Webseite kann ohne Anwendung des Standards funktionieren, aber diese Anweisung weist unter dem W3C-Standard einen Fehler auf. Der Grund hierfür ist, dass das W3C erfordert, dass alle Variablen eindeutige Zuweisungen haben. Daher müssen Sie vor dieser Anweisung die Anweisung var roll1right = document.getElementById("roll1right"); hinzufügen, damit der Code ordnungsgemäß funktioniert. 2. Beim Verwenden von Div und Tabelle in einer Webseite habe ich Folgendes festgestellt: Obwohl die Rahmen, Ränder und Polsterungen von Div und Tabelle über CSS auf 0 gesetzt werden können, hat die Tabelle immer noch einen gewissen Platz, während das Div normal angezeigt wird. Nach einer Suche in W3CSchool habe ich festgestellt, dass die Tabelle zwei Attribute hat: Cellpadding und Cellspacing. Das Cellpadding-Attribut gibt den Abstand zwischen dem Zellrand und dem Inhalt an, während das Cellspacing-Attribut den Abstand zwischen den Zellen angibt. Also habe ich die Eigenschaften „Cellpadding“ und „Cellspacing“ der Tabelle auf der Webseite auf 0 gesetzt. Tatsächlich gab es keine Lücke zwischen den Tabellen auf der Webseite und das Problem war gelöst. |
<<: Eine kurze Analyse der vier Importmethoden und Prioritäten in CSS
>>: Vue implementiert die Anmeldung per Mobiltelefon-Bestätigungscode
Artikel empfehlen
Detaillierte Erklärung der allgemeinen Verwendung von MySQL-Abfragebedingungen
Dieser Artikel veranschaulicht anhand von Beispie...
HTML-Tutorial: Sammlung häufig verwendeter HTML-Tags (6)
Diese eingeführten HTML-Tags entsprechen nicht un...
Beispielcode zur Implementierung von horizontalem Endlos-Scrollen mit reinem CSS3
Die Beispiele in diesem Artikel sind alle in klei...
Analyse von Beispielen für gemeinsame Abfragevorgänge bei MySQL für mehrere Tabellen
Dieser Artikel beschreibt die gemeinsame Abfrageo...
So verwenden Sie JavaScript und CSS richtig in XHTML-Dokumenten
Auf immer mehr Websites wird HTML4 durch XHTML ers...
Detaillierte Erläuterung zur Konfiguration des externen Tomcat-Servers in HBuilderX zum Anzeigen und Bearbeiten der JSP-Schnittstelle
1. Die erste Methode besteht darin, den lokalen T...
Schritte und Methoden zur Bindung von Domänennamen und IPs in der Alibaba Cloud
1 Rufen Sie die Alibaba Cloud-Konsole auf, suchen...
Zwei Lösungen für das Problem, dass MySQL in bedingten Anweisungen nur eine Information liest
Heute ist mein Kollege beim Schreiben von MySQL-A...
Detaillierte Erklärung zur Verwendung des Grep-Befehls in Linux
1. Offizielle Einführung grep ist ein häufig verw...
Häufige Probleme und Lösungen beim Erstellen von MySQL MGR
Inhaltsverzeichnis 01 Häufige Fehler 1 02 Häufige...
Lösen Sie den Konflikt zwischen Docker und VMware
1. Docker-Startproblem: Problem gelöst: Sie müsse...
So verwenden Sie http und WebSocket in CocosCreator
Inhaltsverzeichnis 1. HttpGET 2. HTTP POST WebSoc...
Beispielcode zum Bereitstellen von ELK mit Docker-Compose
Umfeld Host-IP 192.168.0.9 Docker-Version 19.03.2...
Perfekte Lösung für das Problem, dass MySQL sofort nach dem Start heruntergefahren wird (verursacht durch eine Beschädigung der ibdata1-Datei)
Das MySQL auf einem Server im Computerraum lief e...
Docker stop stoppt/remove löscht alle Container
In diesem Artikel wird hauptsächlich das Stoppen/...