Fünf häufige HTML-Fehler im Webdesign

1. Die Wahrscheinlichkeit, beim Festlegen der Hintergrundfarbe einer Webseite Fehler zu machen

: sehr

häufig: relativ groß.

Die Möglichkeit, Fehler zu machen: faul/weiß nicht.

Vor etwa 2 Jahren habe ich festgestellt, dass die Hintergrundfarbe nicht einmal festgelegt wurde Am 21cn habe ich es damals per E-Mail benachrichtigt, seitdem hatte ich dieses Problem nie mehr.

Die Hintergrundfarbe der Fenster der meisten Leute ist weiß, aber wenn Sie eine Person wie ich sind, ändern Sie die Hintergrundfarbe des Fensters in Grau oder andere Farben. Auf diese Weise können Sie die Hintergrundfarbe des Webs nicht festlegen Seite, Was Sie für eine normale Webseite halten würden, würde auf meinem Computer wie ein Chaos aussehen.

2. Missbrauch von Align Center (automatische Zentrierung)

Fehlerwahrscheinlichkeit: Sehr hoch

Prävalenz: Sehr hoch

Fehlerwahrscheinlichkeit: Ich halte es für praktisch/für nützlich

. Bei der Arbeit ist es üblich, die Webseiten anderer Leute zu ändern und zu pflegen dass viele Menschen eine schlechte Angewohnheit haben:

Wie zentriert, links oder rechts man den Text oder die Bilder in der Tabelle?

<div align="center">Hallo zusammen! ! </div>
<div align="center"><img src="xx.gif"></div>

Wenn es viele Tabellen, viel Text und der Inhalt sehr detailliert ist, verwende ich gerne diese Methode (die Abkürzung in DW (Die Taste ist Strg+Alt+C, FP weiß nicht, was es ist) Die Leute neigen dazu, es wie verrückt zu benutzen. Es ist schrecklich, wenn ich auf eine solche Webseite stoße viele <div>s, um es zu zentrieren? Sag mir warum? Hat die Tabelle keine zentrierte Eigenschaft? Warum diesen Junk-Code hinzufügen? Wenn Sie spezielle Änderungen vornehmen, können Sie den Text oder das Bild nicht löschen und es wird automatisch gelöscht.

Es wird empfohlen, <td align="center"> zum Zentrieren zu verwenden. Wenn mehrere Positionierungen erforderlich sind, berücksichtigen Sie nur <div align="center". > aufgrund dieses Codes Es ist nicht einfach zu handhaben. Wenn Sie also stattdessen eine Tabelle verwenden können, verwenden Sie stattdessen eine Tabelle.

3. Wiederverwendung von Code, der dieselbe Funktion implementiert, oder verschiedener unordentlicher Codes. Fehlerwahrscheinlichkeit: sehr häufig

.

Schauen

wir uns zuerst den folgenden Code an.
<center><p><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px;font- family:official script">Titel</font></font></font>
</center>Wie sieht dieser Code Ihrer Meinung nach aus? </font></p>

Ich weiß nicht, wie sich die Leser fühlen, wenn ich solchen Code sehe. Der Zweck dieser zehn Sekunden besteht darin, ein Wort zu finden, das meine Gedanken ausdrücken kann und Gefühle. (Ich? Möchtest du mich zurückfragen? Tut mir leid, das mache ich im Allgemeinen nicht, weil ich beim Erstellen von Webseiten mindestens die Hälfte der Zeit damit verbringe, den Code zu durchsuchen. Das kann ich auf den ersten Blick erkennen Es gibt zu viele Dinge im Code, die nicht vorhanden sein sollten.).

Schauen Sie sich den Code oben an. 2 Klassen und 4 Schriftarten werden verwendet, um 2 Texte zu definieren. Tatsächlich treten solche Probleme häufig auf, wenn sie mit dem Code nicht vertraut sind und zu faul sind, den Code zu überprüfen. oder mit dem Code nicht vertraut sind, sind besonders an diesen Problemen schuld, wenn andere diese Webseite durchsuchen, aber die Betreuer ...
Diese überflüssigen Müllcodes können vollständig weggelassen werden. Tatsächlich sind die oben genannten Beispiele nicht ernst genug.

Es gibt noch eine weitere Frage, die erwähnt werden muss: <p>...</p> und <center>...</center>. Warum sollten wir sie verwenden? Sag mir warum ~~, manche Leute sind so:

<td><div align="center" class="css_id">
<Mitte>
<p align="center"></p>
<p align="center"><font class="css_id"><font class="font11"><font color="#CCCCCC"><font color="#FFA76C" style="font-size:14px; font-family:official script">Titel</font></font></font>
</center></td>Wie sieht dieser Code Ihrer Meinung nach aus? </font></p></center></div></td>

Ich werde sehr hilflos sein, wenn ich solchen Code sehe (noch hilfloser ist, dass ich ihn oft sehe und ihn lesen muss). Lassen Sie mich es vereinfachen . :
<td align="center" class="css_id">
<font color="#FFA76C" style="font-size:14px;font-family:official script">Titel</font>
Wie sieht dieser Code Ihrer Meinung nach aus? </td>

Scheint es, als wäre die Welt viel ruhiger? Der Text hinter dem „Titel“ kann in der Klasse <td> definiert werden. Auch wenn Sie kein CSS verwenden, ist es kein Problem, eine zusätzliche <.font> zu verwenden.

Verschachtelung

von Tabellen

Häufigkeit: Häufige

Fehlermöglichkeit: Ich weiß nicht, dass

dies ein häufiges Problem ist, aber die Leute machen es trotzdem Sie werden von Ihrem Chef ins Büro gerufen und ausgeschimpft, und Sie werden denken, dass eine normale Webseite nicht geöffnet werden kann, selbst wenn Sie 2 oder 3 Minuten lang ADSL nutzen. Lassen Sie uns zunächst über das erste Problem sprechen, nämlich dass das kontinuierliche Verschachteln von Tabellen in einer großen Tabelle die Geschwindigkeit beim Öffnen von Webseiten verlangsamt (obwohl der aktuelle IE dieses Problem behoben hat, wird dies immer noch nicht empfohlen). Einerseits ist die Wartung und Änderung äußerst umständlich. Im Allgemeinen gibt es bei einfacher Anwendung kein Problem, auch bei 3 oder 4 Ebenen, aber legen Sie nicht alles in eine Tabelle. Das zweite Problem besteht darin, alles in eine große Tabelle zu legen, einschließlich eines kostenlosen Zählercodes, hehe, raten Sie mal, was passieren könnte? Tatsächlich ist es keine große Sache. Das Schlimmste ist, dass Ihr IE abgestürzt zu sein scheint und nichts angezeigt wird. Die Lösung besteht darin, den Zähler in einer separaten Tabelle zu platzieren, nicht in derselben Tabelle mit anderen Inhalten.

5. Verwenden Sie beim Schreiben von Codeeinrückungen Leerzeichen anstelle von Tabulatoren

. Wahrscheinlichkeit, Fehler zu machen: Im Allgemeinen

häufig: Weniger

wahrscheinlich, dass Fehler gemacht werden: Ich weiß nicht, ob Tab besser

für js, vbs, asp, php usw. ist ., html Jeder, der Tab nicht verwenden kann und weiß, wie man einige Programme schreibt, weiß, was Einrückung ist. Einige Leute verwenden Leerzeichen, andere verwenden Tab. Wenn Sie Leerzeichen verwenden, verwenden Sie von nun an stattdessen Tab.

tianjiyesky