5 gemeinsame HTML -Fehler während der Website -Konstruktion
1. Einstellungen der Webseite Hintergrundfarbe
Fehlerchance: sehr hoch
Universalität: breiter
Möglichkeit, Fehler zu machen: faul/nicht sicher
Vor ungefähr 2 Jahren stellte ich fest, dass es bei 21CN keine Hintergrundfarbe gab. Ich habe sie mit E -Mails benachrichtigt und habe dieses Problem seitdem nie mehr gemacht.
Die meisten Menschen haben weiße Hintergrundfarben in Fenstern, aber wenn jemand wie ich eine Person ist, ändert er die Hintergrundfarbe der Fenster Windows in Grau oder andere Farben. Wenn Sie die Hintergrundfarbe der Webseite nicht festlegen, sind Sie der Meinung, dass eine normale Webseite nach einem Durcheinander auf meinem Computer aussieht.
2. Missbrauch des Align Centers
Die Wahrscheinlichkeit, einen Fehler zu machen: sehr hoch
Universalität: Sehr breit
Möglichkeit, Fehler zu machen: Ich denke, es ist bequem / denke, es ist einfach zu bedienen
Bei der Arbeit ist es üblich, die Webseiten anderer Menschen zu ändern und zu pflegen, und ich stellte fest, dass viele Menschen eine schlechte Angewohnheit haben:
Wie machen Sie es im Text oder Bild in der Tabelle in der Mitte, links oder rechts?
〈DIV Align = Center> Hallo allerseits! ! 〈/Div>
〈Div align = center> 〈img src =/xx.gif> 〈/div>
Wenn einige Tabellen viele sind, sind Texte viel und der Inhalt ist sehr sorgfältig unterteilt. Menschen, die diese Methode gerne verwenden (der Abkürzungschlüssel in DW ist Strg+Alt+C, weiß ich nicht, was FP ist) oft wild. Es ist schade. Wenn ich auf eine solche Webseite stoße, habe ich Kopfschmerzen. Warum muss ich so viele <div> verwenden, um es zu zentrieren? Sag mir warum? Hat die Tabelle kein Zentrierattribut? Warum diese Junk -Codes hinzufügen? Wenn Sie es ändern, können Sie den Text oder die Bilder nicht löschen und automatisch löschen.
Es wird empfohlen, <td align = center> bis zur Mitte zu verwenden. Wenn eine Mehrfachpositionierung erforderlich ist, betrachten Sie <div aus Align = Center>. Da dieser Code nicht einfach zu handhaben ist, verwenden Sie stattdessen eine Tabelle, wenn Sie stattdessen eine Tabelle verwenden können.
3.. Wiederverwenden Code, der dieselbe Funktion oder unordentliche Code implementiert
Fehlerwahrscheinlichkeit: sehr häufig
Universalität: Sehr häufig
Möglichkeit, Fehler zu machen: komplex und vielfältig
Schauen wir uns den folgenden Code an:
〈Center> 〈p> 〈font> 〈font> 〈font color =#cccccc> 〈font color =#ffa76c style = font-size: 14px; font-familie: 家家> 〈/font> 〈/font> 〈/font>
〈/Center> Wie sieht ein solcher Code Ihrer Meinung nach aus? 〈/Font> 〈/p>
Ich weiß nicht, was Leser fühlen. Sobald ich einen solchen Code sehe, werde ich zehn Sekunden lang taub sein. Der Zweck dieser zehn Sekunden ist es, ein Wort zu finden, das meine Gedanken und Gefühle ausdrücken kann (ich? Möchten Sie mich zurückfragen? Entschuldigung ~~, ich mache normalerweise keine Fehler, weil ich mindestens die Hälfte meiner Zeit damit verbringe, auf Webseiten Code zu durchsuchen, und ich kann sehen, dass zu viele Dinge in dem Code nicht zu viel sind.).
Schauen Sie sich den obigen Code an. Es verwendet 2 Klassen und 4 Schriftarten, um 2 Texte zu definieren. Tatsächlich werden solche Probleme häufig durch ständige Modifikationen der Menschen verursacht. Personen, die mit dem Code nicht vertraut sind, sind faul, den Code anzuzeigen oder den Code nicht zu sehen, diese Probleme sind besonders schwerwiegend. Tatsächlich gibt es natürlich kein Problem, wenn andere diese Webseite durchsuchen, aber die Person, die sie unterhält ......
Diese zusätzlichen Junk -Codes können vollständig weggelassen werden. Tatsächlich sind die obigen Beispiele nicht ernst genug, und ich habe sie noch schrecklicher gesehen.
Eine andere Frage, die erwähnt werden muss, ist 〈p> ... 〈/p> und 〈center> ... 〈/center>, warum verwenden sie? Sag mir, warum ~~, was ist das:
〈Td> 〈divalInn = center>
〈Center>
〈P Align = center> 〈/p>
〈P Align = center> 〈font> 〈font> 〈font color =#cccccc> 〈font color =#ffa76c style = font-size: 14px; font-family: 家家> 〈/font> 〈/font> 〈/font>
〈/Center> 〈/td> Wie sieht ein solcher Code Ihrer Meinung nach aus? 〈/Font> 〈/p> 〈/center> 〈/div> 〈/td>
Ich werde hilflos sein, wenn ich einen solchen Code sehe (noch hilflicher ist, dass ich ihn oft sehe und ich ihn lesen muss). Lassen Sie es mich vereinfachen:
〈Td align = center>
〈Font color =#ffa76c style = Schriftgröße: 14px; Schriftfamilie: 家家> Titel 〈/font>
Wie sieht ein solcher Code Ihrer Meinung nach aus? 〈/Td>
Haben Sie das Gefühl, dass die Welt viel leiser ist? Der Textabschluss nach dem Titel kann in der Klasse von <td> definiert werden. Selbst wenn Sie CSS nicht verwenden, ist es in Ordnung, ein zusätzliches <.font> zu verwenden, es ist immer noch sehr erfrischend.
4. Die Tabelle ist falsch verschachtelt
Fehlerwahrscheinlichkeit: normal
Universalität: Universal
Möglichkeit, Fehler zu machen: Ich weiß das nicht
Tatsächlich ist dies ein Problem, sich der Straßen bewusst zu sein, aber die Leute machen immer noch Probleme. Falsche verschachtelte Formulare können Sie vom Chef im Büro beschimpft und Sie denken, dass eine normale Webseite mit ADSL 2 oder 3 Minuten lang nicht geöffnet werden kann. Lassen Sie uns zuerst über das erste Problem sprechen, bei dem Tische in einer großen Tabelle ständig nistet, wodurch die Geschwindigkeit der Öffnen von Webseiten verlangsamt wird (obwohl der aktuelle IE dieses Problem verbessert hat, wird es immer noch nicht empfohlen, dies zu tun). Auf der anderen Seite sind auch Wartung und Änderung äußerst unpraktisch. Im Allgemeinen gibt es kein Problem mit einer einfachen Anwendung, auch Schichten 3 oder 4, aber nicht den gesamten Inhalt in eine Tabelle einfügen. Das zweite Problem besteht darin, alles in einen großen Tisch zu setzen und es enthält einen kostenlosen Countercode. Hehehe, raten Sie mal, was möglich ist? Tatsächlich ist es keine große Sache. Das Ernsthaftes ist, dass Ihr IE wie ein Absturz ist und nichts angezeigt wird. Die Lösung besteht darin, den Zähler in eine einzelne Tabelle und nicht in der gleichen Tabelle wie andere Inhalte zu stecken.
5. Verwenden Sie beim Schreiben von Code -Einrückungen keine Registerkarten, sondern auch Leerzeichen
Fehlerwahrscheinlichkeit: normal
Universalität: weniger
Möglichkeit, Fehler zu machen: Ich weiß nicht, dass die Registerkarte besser ist
Diese Frage gilt für JS, VBS, ASP, PHP usw. Wenn Sie keine Registerkarte verwenden können, können Sie ein kleines Programm schreiben. Einige Leute verwenden Leerzeichen, einige Leute verwenden Registerkarten, wenn Sie Leerzeichen verwenden, wechseln Sie von nun an auf Registerkarten.