Home  >  Article  >  Web Front-end  >  What is the html space code? How to write html space code? (Summarize)

What is the html space code? How to write html space code? (Summarize)

不言
不言Original
2018-09-07 13:41:41131929browse

When I first started learning HTML, I encountered a problem like this: How to type spaces in HTML? Some people may just hit the space bar directly, but this is incorrect. After all, the space bar hit is not a code, so this article will introduce to you how to write space codes in HTML.

There are five types of space codes in html

How to write space codes in html: (no line breaks)

Let’s take a look A small example:

<!DOCTYPE html>
<html>
<body>
<b>php&nbsp中文网</b>
</body>
</html>

Effect:

What is the html space code? How to write html space code? (Summarize)

Description: A space character only represents a space. If you want If you have multiple spaces, you need to type multiple  space characters. The width of the space is obviously and strongly affected by the font.

How to write space code in html 2: &ensp (half-width space)

Look at a small example:

<html>
<head>
</head>
<body>
    <p>P&ensp;H&ensp;P</p>
</body>
</html>

Effect :

What is the html space code? How to write html space code? (Summarize)

Explanation: The full name of &ensp is En Space, and en is the measurement unit of typography, which is half of the width of em. By definition, it is equivalent to half the font size (for example, 8px in a 16px font), the width it occupies is exactly 1/2 the Chinese width, and is basically not affected by the font.

The third way to write space code in html: &emsp (full-width space)

Small example:

<html>
<head>
</head>
<body>
<p>php&emsp;&emsp;中文网</p>  
</body>
</html>

Effect:

What is the html space code? How to write html space code? (Summarize)

Explanation: &emspThe 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. The width it occupies is exactly 1 Chinese width, and it is basically not affected by the font.

How to write space code in html four: &thinsp (narrow space)

Small example:

<html>
<head>
</head>
<body>
    <p>php&thinsp;&thinsp;中文网</p>
</body>
</html>

Effect:

What is the html space code? How to write html space code? (Summarize)

Explanation: This space is relatively thin, has a thin body, and occupies a relatively small width. It is one-sixth of an em wide.

How to write space codes in html five: &zwnj (zero-width unhyphenated)

Explanation: &zwnj is a non-printing character, placed in two characters of electronic text Between characters, the ligatures that would otherwise occur are suppressed, and instead the two characters are drawn with their original glyphs.

How to write space code in html six: &zwj (zero-width ligature)

Explanation: &zwj is a non-printing character, which is used in some languages ​​that require complex typesetting (such as Arabic, Hindi), causing the two characters that would not be hyphenated to have a hyphenated effect.

I won’t write examples in the following two spaces. If you want to know more about html tags, you can refer to the php Chinese websitehtml manual.

This article ends here. For more exciting information, please pay attention to the php Chinese website.

Related recommendations:

html space code

Summary of space symbols and space character entities in html

The above is the detailed content of What is the html space code? How to write html space code? (Summarize). For more information, please follow other related articles on the PHP Chinese website!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn