Table of Contents
Text:
Others:
Home Web Front-end HTML Tutorial Introducing the character entity of spaces in html

Introducing the character entity of spaces in html

May 13, 2017 pm 02:43 PM

Summary:

Browsers always truncate spaces in HTML pages. If you write 10 spaces in your text, the browser will remove 9 of them before displaying the page. To increase the number of spaces on the page, you need to use the  character entity.

This article will only introduce space character entities. HTML provides 6 types of space entities:

 
 
 
 
‌
‍
Copy after login

On web pages, there are generally 3 types Writing:

1. 直接输入法输入例如“版权” – ©.
2. 字符:©
3. charCode:©
Copy after login

Text:

 

Non-breaking space (non-breaking space) character encoding: In HTML, press the space key to generate , spaces are not accumulated (only counted as 1), they must be represented by html entities to be accumulated.

Full-width space (Em Space) character encoding: em is the unit of measurement for typography. It is equivalent to the currently specified point number. For example, 1em in a 16px font is 16px. This space has a very robust feature. The width it occupies is exactly 1 Chinese width.

Half-width space (En Space) character encoding: en is the measurement unit of typography. It is half the width of em. For example, 1en is 16px in a 16px font, which is nominally the width of the lowercase letter n. This space has a very robust feature. The width it occupies is exactly 1/2 Chinese width.

Thin Space occupies a smaller width, which is one-sixth of an em wide.

Zero Width Non Joiner character encoding‌: referred to as "ZWNJ", is a non-printing character, placed Between the two characters of the electronic text, the hyphenation that would otherwise occur is suppressed, and the original glyphs of the two characters are drawn. HTML character value ‌.

Zero Width Joiner character encoding‍: referred to as "ZWJ", is a non-printable character that is placed in some languages ​​​​that require complex typesetting (such as Arabic, Hindi) between two characters, causing the two characters that would not have been hyphenated to have a hyphenated effect. HTML character value ‍.

Others:

  • The browser will also parse the following characters as whitespace: space , tab stop , newline x000A; and carriage return and   and so on.

  • +16/decimal representation is Numeric Character References

  • &+Entity name representation is Character Entities References, html characters The name of the entity must be defined in html to be used.

  • The advantage of using entity names instead of numbers is that the names are easier to remember. The downside is that browsers may not support all entity names (support for entity numbers is good).

  • Entity names are case-sensitive.

【Related Recommendations】

1. Special Recommendation:"php programmer tools "Box" V0.1 version download

2. Free html online video tutorial

##3.

php.cnOriginal html5 video tutorial

The above is the detailed content of Introducing the character entity of spaces in html. For more information, please follow other related articles on the PHP Chinese website!

Statement of this Website
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

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

Video Face Swap

Video Face Swap

Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

Table Border in HTML Table Border in HTML Sep 04, 2024 pm 04:49 PM

Guide to Table Border in HTML. Here we discuss multiple ways for defining table-border with examples of the Table Border in HTML.

HTML margin-left HTML margin-left Sep 04, 2024 pm 04:48 PM

Guide to HTML margin-left. Here we discuss a brief overview on HTML margin-left and its Examples along with its Code Implementation.

Nested Table in HTML Nested Table in HTML Sep 04, 2024 pm 04:49 PM

This is a guide to Nested Table in HTML. Here we discuss how to create a table within the table along with the respective examples.

HTML Table Layout HTML Table Layout Sep 04, 2024 pm 04:54 PM

Guide to HTML Table Layout. Here we discuss the Values of HTML Table Layout along with the examples and outputs n detail.

HTML Input Placeholder HTML Input Placeholder Sep 04, 2024 pm 04:54 PM

Guide to HTML Input Placeholder. Here we discuss the Examples of HTML Input Placeholder along with the codes and outputs.

Moving Text in HTML Moving Text in HTML Sep 04, 2024 pm 04:45 PM

Guide to Moving Text in HTML. Here we discuss an introduction, how marquee tag work with syntax and examples to implement.

HTML Ordered List HTML Ordered List Sep 04, 2024 pm 04:43 PM

Guide to the HTML Ordered List. Here we also discuss introduction of HTML Ordered list and types along with their example respectively

HTML onclick Button HTML onclick Button Sep 04, 2024 pm 04:49 PM

Guide to HTML onclick Button. Here we discuss their introduction, working, examples and onclick Event in various events respectively.

See all articles