Dieser Artikel befasst sich mit den HTML-Tags im vorherigen perfekten Märchen. Sie sind schädlich, schlecht und offensichtlich hässlich und sollten aus dem Standard-HTML ausgeschlossen werden. Um nur die Hälfte der Arbeit zu haben, unterwandern Sie entweder den Browser oder verwenden Sie den einfacheren und empfohlenen neuen diejenigen. Etikett.
Obwohl die vorherigen Basis-Tutorials Vorschläge enthalten, die den Standards entsprechen, gibt es für Anfänger unterschiedliche Grundlagen oder falsche Übungen. Hier ist eine Zusammenfassung.
HTML versucht, von der Leistung zur Semantik zu wechseln und dann Semantik (HTML) und Leistung (CSS) zu trennen. Dies wird häufig auf Webseiten verwendet, da eine einzige Präsentationsanweisung (CSS-Datei) auf vielen Seiten verwendet werden kann. Auf diese Weise ist die Website einfacher zu verwalten und wenn Sie die gesamte Website ändern möchten, müssen Sie nur einen einfachen Code ändern.
Einige schädliche Tags sind eigentlich einfache Präsentations-Tags (z. B. small), die in CSS durch Code mit derselben Bedeutung ersetzt werden können. Andere Tags sind nicht ausdrucksstark, aber unnötig (z. B. das Font-Tag) oder der Benutzerfreundlichkeit abträglich (z. B. Blink).
Schlagworte
Die unten aufgeführten Tags könnten bessere Optionen gebrauchen:
Das b-Tag bedeutet „fett“. Sie können stattdessen „strong“ verwenden oder „font-weight:bold“ in CSS hinzufügen.
i stellt kursive Elemente dar, Sie können stattdessen em verwenden oder in CSS „font-style: italic“ hinzufügen.
Big wird verwendet, um großen Text auszudrücken. Sie können stattdessen h1, h2 usw. im Titel verwenden. Andere können speziell in der CSS-Schriftartgröße gesteuert werden.
Small wird verwendet, um kleinen Text auszudrücken und kann in der CSS-Schriftgröße gesteuert werden.
hr stellt eine horizontale Linie dar, die in CSS durch border-top oder border-bottom ersetzt werden kann, oder auch durch Bilder dargestellt werden kann.
Die oben genannten Tags entsprechen alle den aktuellen HTML-Standards, verleihen dem Inhalt jedoch keine semantische Bedeutung. Sie haben vielleicht mehr Verwendungszwecke, sind aber nicht besonders schädlich und es kann sehr leicht sein, Fehler zu machen, wenn man sich auf die beschissenen Etiketten unten verlässt.
u stellt ein unterstrichenes Element dar. Dadurch bleibt der Text wie eine Verbindung unterstrichen, weshalb dieses Tag möglicherweise verschwunden ist. Die Leute mögen es wirklich nicht, wenn nicht verbundener Text unterstrichen wird.
center kann das Element zentrieren. Die CSS-Eigenschaft text-align kann nicht nur zentriert zentrieren, sondern auch links, rechts und bündig ausrichten. Mit „menu“ lässt sich eine Menüliste erstellen. Das geht schöner als mit „ul“, aber ungeordnete Listen kommen häufiger vor und „ul“ ersetzt „menu“.
Das Layer-Element ist dem div-Element sehr ähnlich, funktioniert jedoch nur in älteren Versionen von Netscape-Browsern und ist von geringem Nutzen.
Blinzeln oder Markieren. Sag ihnen ein klares Nein.
Mit Schriftart können Sie den Namen, die Größe und die Farbe der Schriftart festlegen. Ältere Websites (und sogar aktuelle), die durchgehend Schriftart-Tags auf der Seite verwenden, sind wie eine Termitenplage. Einige Web-Erstellungssoftwares platzieren Schriftart-Tags um jedes Element, um die Textfarbe oder -größe zu steuern. Verwenden Sie das Font-Tag, um es auf jedes Element anzuwenden. Wenn es in CSS ausgedrückt wird, ist nur ein einfacher Satz erforderlich, und es kann auf der gesamten Website geändert werden. Mit dieser Methode können Sie nicht nur die Größe der Webseite reduzieren, sondern auch den durch die Schriftart dargestellten Inhalt ändern, indem Sie eine einfache CSS-Anweisung ändern. Dadurch bleibt der Website-Stil konsistent. Schriftart-Tags und der Missbrauch von Tabellen sind die Hauptursachen für aufgeblähte Webseiten.
Attribute
Nun verwenden Sie Etiketten vielleicht richtig, aber sie haben einige störende parasitäre Eigenschaften, die zu Geschmacksstörungen führen können.
name weist einem Element einen Namen zu, was in Formularelementen wie der Eingabe perfekt funktioniert, aber anderswo wird die Aufgabe des Namens vom id-Attribut übernommen.
text und bgcolor werden verwendet, um die grundlegende Textfarbe und Hintergrundfarbe des offenen Body-Tags anzugeben. Die Farb- und Hintergrundfarbeneigenschaften in CSS können gut auf den Körperselektor angewendet werden.
Mit „background“ kann ein Hintergrundbild für das Body-Tag angegeben werden. CSS kann bessere Hintergrundbildattribute bereitstellen, z. B. „Hintergrundbild“.
link, alink, vlink können die Linkfarbe für das Body-Tag angeben. CSS-Eigenschaften: :link, :active, :visited haben den gleichen Effekt. align kann die Anordnung von Elementen wie <div align="center">Stuff</div> steuern, aber wie beim Center-Tag können Sie das text-align-Attribut in CSS verwenden.
Der Ziellink wird in verschiedenen Zuständen geöffnet, z. B. beim Öffnen eines neuen Fensters <a href="wherever.html" target="_blank">Helfen Sie mir</a>. Klingt gut, kommt mir aber auf der Seite nicht bekannt vor. Benutzer erwarten nicht, dass diese (z. B. das Öffnen neuer Fenster) wie von Zauberhand erscheinen. Die meisten Benutzer verwenden gerne die Schaltfläche „Zurück“, und das Öffnen eines neuen Fensters bedeutet, dass diese Funktion deaktiviert ist. Die Leistungsattribute des Tags, wie die Breite und Höhe des Bildes, der Zellabstand und der Zellabstand der Tabelle, bestimmen die Anwendung unterschiedlicher Attribute auf unterschiedliche Elemente. Sie sind keine perfekte Lösung, aber wenn Ihre Seite viele Bilder oder Tabellen enthält, stehen Ihnen möglicherweise keine anderen praktikablen Optionen zur Verfügung.
Die meisten unerklärlichen Präsentationsattribute gehören zum Textarea-Tag, das nicht nur über die gültigen Attribute „cols“ und „rows“ verfügt, der neueste HTML-Standard erfordert sie auch.
Gutes Etikett, schlechte Anwendung.
Um Ihr Haus zu betreten, knien Sie vielleicht nieder und kriechen durch ein Hundeloch, aber Moment, es gibt eine Türdekoration, die speziell für Menschen entworfen wurde – der Griff, haha, schauen Sie, die Tür hat die richtige Größe, damit Menschen hindurchgehen können.
HTML-Tags sind auf Details ausgelegt und ob Sie es glauben oder nicht, wenn Sie sie richtig verwenden, können Sie die besten Ergebnisse erzielen.
Wenn HTML semantisch ist, sind Webseiten für Benutzer mit Behinderungen besser nutzbar, beispielsweise für Bildschirmleseprogramme, die häufig Listen mit ul-Tags oder eine Überschrift mit h1- oder h2-Tags hervorheben.
Der schwerwiegendste Missbrauch von HTML besteht darin, dass Tabellen für das Layout verwendet werden, diese jedoch nur zur Darstellung tabellarischer Daten dienen. Bei der Idee, kein Tabellenlayout zu verwenden, geht es nicht darum, wie ein Buddhist nach Erleuchtung zu suchen. Es hat echte Vorteile, da es nicht nur die Größe der Webseite reduziert, sondern auch die Pflege und Neugestaltung der Webseite erleichtert.
Manchmal verwenden einige Designer einige Tags und Attribute, um Übergangsdesigns zu vervollständigen (insbesondere Tabellenlayouts). Erstens können sie ältere Versionen von Browsern (Netscape 4) unterstützen. Tabellen schnitten in Netscape 4 besser ab als CSS, aber die Anzahl der Benutzer war sehr gering und die Zahl der Benutzer nimmt ab. Jetzt, da die Zahl der mobilen Benutzer zunimmt, ist das Tabellenlayout sehr schlecht. Die oben genannten Vorteile von Tabellen überwiegen bei weitem die Nachteile, und der Grund dafür ist, dass die Seite alle Browserfunktionen mit möglichst wenig Stil berücksichtigen muss.
Rahmen
Goldlöckchen hält es für eine sehr gute Idee, ihr mit einer Schüssel Haferbrei auszuhelfen, doch dann tauchen drei große Raubtiere auf und werfen sie aus dem Fenster. Der Rahmen ist wie eine Schüssel mit Brei, die dem Bären gehört. Sie sehen gut aus, aber die Gefahr ist immer vorhanden.
Die meisten Websites verwenden keine Frames und die meisten Website-Benutzer verwenden nur eine einzelne Seite.
Was aber, wenn Sie aus irgendeinem Grund verhindern müssen, dass Benutzer eine bestimmte Seite zu ihren Lesezeichen hinzufügen, oder wenn Sie verhindern möchten, dass bestimmte Seiten per E-Mail oder Instant Messaging eingeführt werden, oder wenn Sie die Verwendung insgesamt noch komplexer gestalten möchten? Bildschirmlesen Für behinderte Benutzer des Browsers, die zwischen Frames navigieren müssen, oder wenn Sie in die Hölle der Suchmaschinen eintauchen möchten, verwenden Sie Frames.
Grundsätzlich bewirken Frameworks nichts anderes, als die Komplexität zu erhöhen und die Benutzerfreundlichkeit einzubüßen.
Wenn Sie schließlich die folgenden Regeln befolgen, werden Sie nicht allzu viel falsch machen.
1) Wenn der Name des Labels oder Attributs relativ unbekannt ist, wird empfohlen, ihn zu kommentieren oder nicht zu verwenden. Die Effizienz der CSS-Nutzung wird auf diese Weise verbessert.
2) Lassen Sie das Label die Aufgabe erfüllen, nach der es benannt ist. Tabellen werden für tabellarische Daten verwendet. Verwenden Sie einfach den Titel für den Titel und so weiter.
3) Wenn Sie einen klaren Inhalt haben, verwenden Sie geeignete Tags. Verwenden Sie Listen für Listen, Titel für Titel usw.