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 after Chinese characters to represent an English space, © to indicate copyright, and < and > 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
Vue implements online preview of PDF files (using pdf.js/iframe/embed)
Preface I am currently working on a high-quality ...
Remote development with VSCode and SSH
0. Why do we need remote development? When develo...
Causes and solutions for slow MySQL query speed and poor performance
1. What affects database query speed? 1.1 Four fa...
How to cancel the background color of the a tag when it is clicked in H5
1. Cancel the blue color of the a tag when it is ...
Detailed explanation of the error problem when setting the default value of 0000-00-00 in the date and datetime types of Mysql database
Phenomenon: After MySQL version 5.7, the default ...
Introduction to CSS foreground and background automatic color matching technology (demo)
1. Color matching effect preview As shown in the ...
Implementation of automatic completion of Docker commands
Preface I don't know how long this friend has...
JavaScript to achieve simple tab bar switching case
This article shares the specific code for JavaScr...
js to implement the snake game with comments
This article example shares the specific code of ...
How to set mysql5.7 encoding set to utf8mb4
I recently encountered a problem. The emoticons o...
How to expand the disk partition for centos system
Problem/failure/scenario/requirement The hard dis...
AsyncHooks asynchronous life cycle in Node8
Async Hooks is a new feature of Node8. It provide...
Writing High-Quality Code Web Front-End Development Practice Book Excerpts
(P4) Web standards are composed of a series of sta...
What is the function and writing order of the a tag pseudo class
The role of the a tag pseudo-class: ":link&qu...
About the startup error caused by incompatibility between vmware workstations and device/credential
vmware workstations starts the virtual machine er...