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

How to limit the input box to only input pure numbers in HTML

Limit input box to only pure numbers 1、onkeyup = ...

Add crontab scheduled tasks to debian docker container

Now most of the Docker images are based on Debian...

Tutorial on customizing rpm packages and building yum repositories for Centos

1 Keep the rpm package downloaded when yum instal...

Use of Linux ln command

1. Command Introduction The ln command is used to...

W3C Tutorial (15): W3C SMIL Activities

SMIL adds support for timing and media synchroniz...

A brief analysis of adding listener events when value changes in html input

The effect to be achieved In many cases, we will ...

The difference and usage between div and span

Table of contents 1. Differences and characterist...

Detailed explanation of JavaScript Promise and Async/Await

Table of contents Overview Four examples Example ...

How to use nginx to intercept specified URL requests through regular expressions

nginx server nginx is an excellent web server tha...

Steps to completely uninstall the docker image

1. docker ps -a view the running image process [r...

abbr mark and acronym mark

The <abbr> and <acronym> tags represen...

How to set a fixed IP in Linux (tested and effective)

First, open the virtual machine Open xshell5 to c...