10 tödliche semantische Fehler in der Webtypografie

10 tödliche semantische Fehler in der Webtypografie
<br />Dies stammt aus dem Inhalt von „Web Front-End Development Design Essentials“ von Steven D.
Obwohl viele Designer bereits sehr versiert im Umgang mit Webstandards sind, ist es bedauerlich, dass viele Details der Typografie immer noch den traditionellen Anforderungen des Siebdrucks zuwiderlaufen. Hier sind 10 tödliche semantische Fehler, die Sie in Ihrer Web-Typografie vermeiden sollten:

1. Verwenden Sie Bindestriche statt Geviertstriche

Die Verwendung von Geviertstrichen ist heutzutage unter Webredakteuren sehr beliebt.
2. Verwenden Sie Punkte, keine Auslassungspunkte

Dabei handelt es sich um ein spezielles typografisches Auslassungszeichen (insbesondere bei westeuropäischen Schriftzeichen), das aus drei Punkten besteht und sich vom chinesischen Auslassungszeichen unterscheidet.
3. Verwenden Sie korrekte Anführungszeichen

In zitierten Abschnitten sollten Sie bei Bedarf Anführungszeichen beibehalten. Diese geben an, ob der Abschnitt zur Verwendung lizenziert ist oder frei zur Verteilung verfügbar ist.
4. Kontrollieren Sie streng den doppelten Abstand zwischen Sätzen

Dies ist ein klassischer Fehler aus der ASCII-Ära. Doppelter Zeilenabstand wird nicht mehr verwendet, seien Sie sich dessen also bitte bewusst.
5. Genaue Verwendung von Copyright-Symbolen

Die Verwendung des falschen Copyright-Symbols verstößt nicht nur gegen die Copyright-Vereinbarung, sondern kann sich auch negativ auf Ihren Copyright-Schutz auswirken. Sie sollten McCoy (&copy;) verwenden, das Standard-Copyright-Symbol.
6. Verwenden Sie nicht zu viele Betonungsausdrücke in Ihren Sätzen

Sie können Fettdruck, Kursivschrift oder Unterstreichungen verwenden, um Ihren Inhalt hervorzuheben, aber verwenden Sie diese bitte nicht in derselben Zeile.
7. Ihr Hypertext-Link ist unterstrichen, nicht anderer Inhalt

Dadurch wird der Inhalt nicht lesbarer. Tatsächlich kann der Leser nicht erkennen, warum er wichtig ist. Wenn Sie dies wirklich tun möchten, können Sie stattdessen border-bottom: solid 1px #00f; verwenden.
8. Entwerfen Sie gefälschte Schriftstile mit Photoshop

Wenn Ihre Schriftart weder Fettdruck noch Kursivdruck oder andere Stile unterstützt, machen Sie bitte keine Bilder daraus in Photoshop und mischen Sie diese dann in Ihr Weblayout. Das ist sehr kindisch.
9. Verwenden Sie keine Akzentzeichen

Wenn Sie Wörter aus anderen Sprachen verwenden, insbesondere Personennamen, gehen Sie bitte nicht davon aus, dass Ihr Akzent den Schreibstil bestimmt. Das ist sehr unhöflich.
10. Verwenden Sie kein CSS, um Großbuchstaben zu definieren

Großbuchstaben sind ohnehin schwer zu lesen. Verwenden Sie sie daher sparsam, es sei denn, sie sind zur Verzierung unbedingt erforderlich, insbesondere in ganzen Textzeilen.

<<:  Lösung für das Problem der automatischen Wiederherstellung nach der Änderung von server.xml und content.xml in Tomcat

>>:  So übergeben Sie den Wert des Auswahl-Dropdown-Felds an die ID, um den Code zu implementieren

Artikel empfehlen

So kompilieren Sie den Linux-Kernel

1. Laden Sie die erforderliche Kernel-Version her...

Zwei einfache Beispiele für Menünavigationsleisten

Menüleiste Beispiel 1: Code kopieren Der Code lau...

html Option deaktivieren auswählen auswählen deaktivieren Option Beispiel

Code kopieren Der Code lautet wie folgt: <Ausw...

Mit Mailto ist das Senden von E-Mails im HTML-Format ganz einfach

Kürzlich habe ich dem Footer-Postfach des Kunden e...

vue + springboot realisiert den Login-Bestätigungscode

In diesem Artikelbeispiel wird der spezifische Co...

Grundlegendes Installationstutorial zum Dekomprimieren von MySQL-Paketen

Da ich auf einen neuen Computer gewechselt bin, m...

So verwenden Sie xshell zum Herstellen einer Verbindung zu Linux in VMware (2 Methoden)

【Vorwort】 Ich möchte vor Kurzem das Prüfungssyste...

Installieren Sie CentOS 7 auf VMware14 – Grafik-Tutorial

Einführung in CentOS CentOS ist eine Linux-Distri...