How to represent space characters in html

How to represent space characters: 1. " ", represents a non-breaking space; 2. " ", represents a half-width space; 3. " ", represents a full-width space; 4. "&thinsp ;", represents narrow spaces; 5. " ", " ", etc., represents ordinary spaces.

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

Normally, we use the space bar to type multiple spaces. When writing code, the spaces typed by the space bar, Tab key and Enter key will be automatically recognized by HTML (Hypertext Markup Language). neglect. HTML treats such keys as whitespace characters and displays them as a single whitespace interval. Although CSS provides various styles of spacing and indentation, there are also tools in HTML that allow you to define spacing yourself.

1. Use " " for non-breaking spaces

Generally speaking, no matter how many times you press the space bar, HTML will also only show a white space between words. When you need to insert multiple spaces, please enter the   or   code. [1] They are called "space placeholders". If you enter a few, they will display a few spaces on the page. It is called a non-breaking space because it does not produce a newline character. If you abuse this spacing, the browser may not be able to insert line breaks in a neat and readable way.

2. Use " " for half-width spaces to represent

half-width spaces. The full name is En Space. en is the measurement unit of typography, which is the width of   half. By definition, it is equivalent to half the font size, for example, 5px in a 10px font. Characteristics: the width it occupies is exactly 1/2 the Chinese width, and is basically not affected by the font.

  — “en space” is named according to the measurement unit of typography. The width is the width of two ordinary spaces.

3. Full-width space Use " " to represent

"full-width space", the full name is Em Space, em is the measurement unit of typography, which is equivalent to the currently specified number of points. For example, 1 em in a 16px font is 16px. This space also inherits the consistent characteristics of the space family: it is transparent. This space also has a very stable characteristic, that is, the width it occupies is exactly 1 Chinese width, and it is basically not affected by the font.

  — “em space” is about the width of four ordinary spaces

4. Use “  for narrow spaces” ” means

narrow space, the full name is Thin Space. The width occupied is relatively small. It is  one-sixth the width.

5. Ordinary spaces

The browser will also parse the following characters as spaces: spaces ( ), Epitope ( ), line break ( ) and (　) and so on.

Example:

	
		
	

	
		
测试文本  测试文本
		
测试文本  测试文本
		
测试文本  测试文本
		
测试文本  测试文本
		
测试文本  测试文本
		
测试文本		测试文本
		
测试文本

测试文本
		
测试文本　　测试文本
	

Recommended learning:html video tutorial

The above is the detailed content of How to represent space characters in html. For more information, please follow other related articles on the PHP Chinese website!