Ten Experiences in Presenting Chinese Web Content

Ten Experiences in Presenting Chinese Web Content
<br /> Focusing on the three aspects of text, symbols and links, mainly in Chinese, I drafted my personal writing experience:
1. Avoid writing mistakes . Dealing with picky readers is one aspect, but errors in certain keywords may cause them to avoid search engine crawling.
2. Control of text density and rhythm. A paragraph should be about four lines long, and less is better than more. At the same time, avoid stacking paragraphs with large amounts of text continuously. The best rhythm between paragraphs is not one, one, two, two, three, three, but an irregular structure like one, three, two, three, one, two. The same principles apply to vertical and horizontal paragraphs.
3. Avoid disconnecting words in the same paragraph. For example, if there is a "搜" at the end of a line and a "狐" at the beginning of the next line, it is difficult for users to read. Note that in the default English paragraph, a word will not be broken, and the reason is the same.
4. The HTML structure code complies with semantic standards. The most confusing ones are probably the ordered, unordered, and defined lists. There is little difference between writing 12345 and using ol, but search engines will think that their meanings are different.
5. The role of entity escape code. Typical uses include using &nbsp; after Chinese characters to represent an English space, &copy; to indicate copyright, and &lt; and &gt; to replace <> to display HTML code.
6. Avoid making mistakes in punctuation marks. The profoundness of Chinese language mainly depends on punctuation and sentence division. In addition to accurately conveying tone and context, punctuation marks actually also have a certain semantic analysis value, but current search engine technology cannot achieve this.
7. The application and differences of symbols. There are Chinese and English, full-width and half-width fonts. The symbol presentation and font style definition are matched, such as the difference in effects between () and (). It is recommended to use common and special symbols less frequently, including ○↑★→⒌Ⅶ○『△, etc.
8. The difference between Chinese numerals and Arabic numerals. It depends on personal sense of language and default standards, and the main thing is unity and consistency.
9. Control of link quantity. It is more appropriate to control the keywords in a single article within 5%. Otherwise, it will seem that there are key points everywhere, which will be counterproductive and increase the difficulty of visual effects processing. Two links stacked on top of each other doesn't look good, and three is terrible. It is not good to have links of 20 characters or 10 words in the upper half of a 400-word article, because the whole page is unbalanced, and it is also related to density.
10. Reasonable use of colors. The functional differences of different colors, such as link prompts, must provide users with clear logic, and whether a character is clickable needs to be seen rather than tested. In addition, there are different shades of strength, and finally the number of colors must be controlled.
The above are just surface details of the text. In principle, I just try my best. After all, the content is the most important. It is a different story for truly talented people. Poor writing style may also be a kind of style. For specific precautions that require user awareness and cooperation, please read other articles on the text on the interface.
Note that some of these do not apply to non-fixed widths.

<<:  Project practice of deploying Docker containers using Portainer

>>:  SVG+CSS3 to achieve a dynamic wave effect

Recommend

How to implement multiple parameters in el-dropdown in ElementUI

Recently, due to the increase in buttons in the b...

How to use map to allow multiple domain names to cross domains in Nginx

Common Nginx configuration allows cross-domain se...

Summary of uncommon operators and operators in js

Summary of common operators and operators in java...

10 content-related principles to improve website performance

<br />English address: http://developer.yaho...

How to use vue-video-player to achieve live broadcast

Table of contents 1. Install vue-video-player 2. ...

Using js to achieve the effect of carousel

Today, let's talk about how to use js to achi...

How to dynamically add a volume to a running Docker container

Someone asked me before whether it is possible to...

Vue project realizes login and registration effect

This article example shares the specific code of ...

Using text shadow and element shadow effects in CSS

Introduction to Text Shadows In CSS , use the tex...

CSS code to achieve background gradient and automatic full screen

CSS issues about background gradient and automati...

MySQL import and export backup details

Table of contents 1. Detailed explanation of MySQ...

Solve the problem of installing Theano on Ubuntu 19

Solution: Directly in the directory where you dow...

How to install PHP7 Redis extension on CentOS7

Introduction In the previous article, we installe...

Design and implementation of Vue cascading drop-down box

Table of contents 1. Database design 2. Front-end...

Implementation of k8s deployment of docker container

Environment: (docker, k8s cluster), continue with...