Design Theory: Ten Tips for Content Presentation

Design Theory: Ten Tips for Content Presentation
<br /> Focusing on the three aspects of text, symbols and links, mainly in Chinese, the draft of personal writing experience:
    Avoid writing mistakes . Dealing with picky readers is one aspect, but errors in certain keywords may cause them to avoid search engine crawling. 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. Words avoid being disconnected in their peers . 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. 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. The role of entity escape codes . 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. Avoid punctuation mistakes . 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. 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. 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. Control of link volume . 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. 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 .

<<:  HTML tags list and usage instructions

>>:  Teach you 10 ways to center horizontally and vertically in CSS (summary)

Recommend

Nginx domain name SSL certificate configuration (website http upgraded to https)

Preface HTTP and HTTPS In our daily life, common ...

How to install a virtual machine with Windows services on Mac

1. Download the virtual machine Official download...

Share a Markdown editor based on Ace

I think editors are divided into two categories, ...

Detailed explanation of the use of Vue3 state management

Table of contents background Provide / Inject Ext...

Web Design Tutorial (1): Steps and Overall Layout

<br /> Note: All texts, except those indicat...

Linux uses NetworkManager to randomly generate your MAC address

Nowadays, whether you are on the sofa at home or ...

Tutorial on upgrading, installing and configuring supervisor on centos6.5

Supervisor Introduction Supervisor is a client/se...

The main differences between MySQL 4.1/5.0/5.1/5.5/5.6

Some command differences between versions: show i...

Solution to the problem of session failure caused by nginx reverse proxy

A colleague asked for help: the login to the back...

Several ways to implement 0ms delay timer in js

Table of contents queueMicrotask async/await Mess...

Postman automated interface testing practice

Table of contents Background Description Creating...

Detailed explanation of the implementation steps of MySQL dual-machine hot standby and load balancing

The MySQL database does not have an incremental b...

JavaScript implements the most complete code analysis of a simple magnifying glass (ES5)

This article shares the specific code of JavaScri...

...

How to store false or true in MySQL

MySQL Boolean value, stores false or true In shor...