10 Deadly Semantic Mistakes in Web Typography

10 Deadly Semantic Mistakes in Web Typography
<br />This is from the content of Web front-end development design essentials written by Steven D.
Although many designers are already very proficient in using web standards, it is regrettable that many details of typography still run counter to traditional screen printing requirements. Here are 10 deadly semantic errors that you should avoid in your web typography:

1. Use hyphens instead of an em dash

Using em dashes is a very popular practice among web editors today.
2. Use periods, not ellipses

This is a specialized typographical ellipsis mark (especially in Western European characters) consisting of three dots, as distinguished from the Chinese ellipsis symbol.
3. Use correct quotation marks

In quoted sections, you should keep quotation marks where necessary, which will indicate whether the section is licensed for use or is freely available for distribution.
4. Strictly control the double spacing between sentences

This is a classic mistake from the ASCII era. Double spacing is no longer used, so please be aware of this.
5. Accurate use of copyright symbols

Using the wrong copyright symbol not only violates the copyright agreement but may also have a negative impact on your copyright protection. You should use McCoy (&copy;), which is the standard copyright symbol.
6. Don’t use too many emphasis expressions in your sentences

You can use bold, italics, or underlining to emphasize your content, but please don't use them on the same line.
7. Your hypertext link is underlined, not other content

This doesn’t make the content clearer to read. In fact, the reader can’t figure out why it’s important. If you really want to do this, you can try using border-bottom: solid 1px #00f; instead.
8. Design fake font styles through Photoshop

If your font does not provide bold, italic and other styles, please do not make them into pictures in Photoshop and then mix them into your web layout. This is very childish.
9. Don’t use accent characters

When you use words from other languages, especially names of people, please do not assume that your accent will determine the writing style. This is very impolite.
10. Don’t use CSS to define uppercase characters

Capital letters are difficult to read in the first place, so use them sparingly unless necessary for decoration, especially in full lines of text.

<<:  Solution to the problem of automatic restoration after modifying server.xml and content.xml in Tomcat

>>:  How to pass the value of the select drop-down box to the id to implement the code

Recommend

Linux system command notes

This article describes the linux system commands....

The most common declaration merge in TS (interface merge)

Table of contents 1. Merge interface 1.1 Non-func...

Docker Gitlab+Jenkins+Harbor builds a persistent platform operation

CI/CD Overview CI workflow design Git code versio...

A brief discussion on how to learn JS step by step

Table of contents Overview 1. Clearly understand ...

A brief discussion on MySQL B-tree index and index optimization summary

MySQL's MyISAM and InnoDB engines both use B+...

Summary of learning HTML tags and basic elements

1. Elements and tags in HTML <br />An eleme...

CSS implements 0.5px lines to solve mobile compatibility issues (recommended)

【content】: 1. Use background-image gradient style...

HTML form submission method case study

To summarize the form submission method: 1. Use t...

Take you to understand the event scheduler EVENT in MySQL

The event scheduler in MySQL, EVENT, is also call...

About Zabbix forget admin login password reset password

The problem of resetting the password for Zabbix ...

Detailed explanation of the benefits of PNG in various network image formats

BMP is an image file format that is independent o...

Introduction to the use and difference between in and exists in MySQL

First put a piece of code for(int i=0;i<1000;i...

Introduction to the functions and usage of value and name attributes in Html

1. The value used in the button refers to the text...