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 globalen Variablenimplementierung von Uniapp
Vorwort In diesem Artikel werden einige Implement...
So entfernen Sie Inline-Stile, die durch das Stilattribut (element.style) definiert sind
Wenn Sie Magento häufig ändern, stoßen Sie möglich...
Schritte zum Erstellen eines Docker-Images mit Dockerfile
Dockerfile ist eine Textdatei, die Anweisungen en...
So handhaben Sie gleichzeitige Aktualisierungen von MySQL-Daten
Wird UPDATE gesperrt? Wird die SQL-Anweisung gesp...
So verwenden Sie mysqldump für vollständige und zeitpunktbezogene Sicherungen
Mysqldump wird für logische Backups in MySQL verw...
Detaillierte Erläuterung der Gründe und Lösungen für den Fehler beim normalen Start von Docker
1. Abnormale Leistung beim Docker-Start: 1. Der S...
Kompatibilität mit der Inline-Block-Eigenschaft
<br />Vor einem Jahr gab es im Internet kein...
Verschiedene Front-End-Druckmethoden des Webs: CSS steuert den Druckstil von Webseiten
CSS steuert den Druckstil von Webseiten : Verwende...
Uniapp implementiert Beispielcode für die Anmeldung mit DingTalk-Scancode
Da Uniapp nicht über eine autorisierte DingTalk-A...
【HTML-Element】So betten Sie Bilder ein
Mit dem img-Element können wir Bilder in HTML-Dok...
Detaillierte Erläuterung verschiedener Möglichkeiten zum Erstellen von Objekten und Objektmethoden in js
Dieser Artikel ist der zweite Artikel über Objekt...
Semantische Webseiten XHTML semantische Auszeichnung
Ein weiterer wichtiger Aspekt bei der Trennung vo...
Implementierung von React Routing Guard (Routing-Interception)
React unterscheidet sich von Vue. Es implementier...
Lösen Sie das Problem der Angabe der UDP-Portnummer im Docker
Wenn Docker einen Container startet, gibt es den ...
Analyse der Nginx-Konfiguration und häufig gestellter Fragen des Alibaba Cloud CentOS7-Servers
Vorwort: Dieser Artikel bezieht sich auf den Blog...