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

Detaillierte Erklärung der Eigenschaften, Unterschiede und Konvertierung von px, em, rem und pt in CSS

Zusammenfassung der Überlegungen zum Schreiben von Web-Frontend-Code

Detaillierte Erklärung der Eigenschaften, Unterschiede und Konvertierung von px, em, rem und pt in CSS

Eine vollständige Anleitung zum Abfragen und Löschen doppelter Datensätze in MySQL

Detaillierte Einführung in die Mysql-Datumsabfrage

Zusammenfassung einiger Vorschläge zum HTML-Code-Schreibstil

Detaillierte Erklärung des Unterschieds zwischen Docker-Compose-Ports und Expose

Detaillierte Erläuterung der Verwendung von Echart-Diagrammen im Front-End und Back-End des Projekts

Mehrere CSS3-Tag-Abkürzungen (empfohlen)

So bereinigen Sie regelmäßig Bilder, die über Jenkins „None“ sind

Tiefgreifendes Verständnis der verschiedenen Sperren von MySQL

Anweisungen zur Verwendung von JSON-Operationsfunktionen in Mysql5.7

Artikel empfehlen

Detailliertes Tutorial zur Konfiguration von Nginx für https-verschlüsselten Zugriff

So deinstallieren Sie MySQL 5.7.19 unter Linux

Erfahren Sie in einem Artikel, wie Sie mehrere Tomcats bereitstellen und starten und Projekte migrieren

So installieren Sie JDK 13 in einer Linux-Umgebung mithilfe eines komprimierten Pakets

MySQL etabliert eine effiziente Indexbeispielanalyse

Parsen von Apache Avro-Daten in einem Artikel

So konfigurieren Sie Bash-Umgebungsvariablen in Linux

Vue implementiert Beispielcode für Links- und Rechtsgleiteffekte

So fügen Sie Nginx dynamisch Module hinzu

Der URL-Wert des SRC- oder CSS-Hintergrundbildes ist der Base64-codierte Code

Javascript Frontend Optimierungscode

Einführung in Spark und Vergleich mit Hadoop

Erste Schritte mit Nginx Reverse Proxy

Detaillierte Erklärung des Json-Formats

Ausführliche Erläuterung der HTML-Grundlagen (Teil 2)