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

Handtrack.js-Bibliothek zur Echtzeitüberwachung von Handbewegungen (empfohlen)

【Einführung】: Handtrack.js ist eine Prototypbibli...

Schritte für den Exit-Fehlercode des Docker-Containers

Manchmal werden einige Docker-Container nach eine...

Reines CSS-Dropdown-Menü

Ergebnisse erzielen Implementierungscode html <...

Tutorial zur MySQL-Installation unter Linux (Binärdistribution)

Dieses Tutorial beschreibt Ihnen die detaillierte...

Zusammenfassung der Tipps zur Verwendung von coalesce() in MySQL

Vorwort Kürzlich habe ich zufällig MySQLs Coalesc...

Einführung in die grafischen Kompositions- und Satzfunktionen des Webdesigns

Alles braucht ein Fundament. Um ein Haus zu bauen...

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.24

In diesem Artikel finden Sie das Installations- u...

Beispielcode zum Zeichnen von Doppelpfeilen in gängigen CSS-Stilen

1. Mehrere Aufrufe eines einzelnen Pfeils Sobald ...

Detaillierte Installation und Konfiguration von MySql auf dem Mac

1. Herunterladen und installieren Laden Sie die D...

Beispielcode zur Implementierung einer Auto-Increment-Sequenz in MySQL

1. Erstellen Sie eine Sequenztabelle CREATE TABLE...

Zusammenfassung der relevanten Wissenspunkte zu Ajax in jQuery

Vorwort Studenten, die JavaScript lernen, wissen,...