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 Docker-Maschinennutzung
Docker-Machine ist ein offiziell von Docker berei...
Sehen Sie sich den Befehl zum Ändern der MySQL-Tabellenstruktur an
Kurzbeschreibung Der Editor hat häufig Probleme m...
Sprechen Sie über das Verständnis des CSS-Attributrands
1. Was ist eine Marge? Mit dem Rand wird die Abstä...
Fortgeschrittene Techniken zur Verwendung von CSS (im tatsächlichen Kampf verwendet)
1. Das ul-Tag hat in Mozilla standardmäßig einen F...
Detaillierte Erklärung der Nginx-Konfigurationsdatei und Anleitung mit Optimierungsvorschlägen
Inhaltsverzeichnis 1. Übersicht 2. nginx.conf 1) ...
Lösung für zu große Mysql-Binlog-Protokolldateien
Inhaltsverzeichnis 1. Verwandte Binlog-Konfigurat...
Analyse und Lösung von Datenverlusten während der Wertübertragung von Vue-Komponenten
Vorwort Im vorherigen Artikel wurden zwei Datenty...
Detaillierte Erklärung des Prinzips und der Funktion des Vue-Listen-Rendering-Schlüssels
Inhaltsverzeichnis Das Prinzip und die Funktion d...
Analyse und Lösung des a.getAttribute(href,2)-Problems in IE6/7
Kurzbeschreibung <br />In IE6 und 7 wird in...
Dynamische Vue-Komponente
Inhaltsverzeichnis 1. Komponente 2. Keep-Alive-Mo...
Lösung für den Docker-Container, der nicht gestoppt und gelöscht werden kann
Suchen Sie die ID des laufenden Containers Docker...
Verwendung des Array-Filters filter() in JS
Inhaltsverzeichnis 1. Einleitung 2. Einführung in...
Tutorial zur Installation von mysql-8.0.18-winx64 unter Windows (mit Bildern und Text)
1. Laden Sie das Installationspaket herunter Das ...
vue + tp5 realisiert eine einfache Anmeldefunktion
In diesem Artikelbeispiel wird der spezifische Co...
Beispiel für das Hoch- und Herunterladen von Dateien im Front-End mit Vue+Express
Erstellen Sie eine neue server.js Garn init -y Ga...