So stellen Sie Leerzeichen in HTML dar

醉折花枝作酒筹
Freigeben: 2022-03-29 18:11:25
Original
25847 Leute haben es durchsucht

So stellen Sie Leerzeichen dar: 1. „ “ steht für ein geschütztes Leerzeichen; 2. „ “ steht für ein Leerzeichen halber Breite; 3. „ “ steht für ein Leerzeichen voller Breite; 4. „ “ steht für schmale Leerzeichen. 5. „ “, „ “ usw. werden als gewöhnliche Leerzeichen dargestellt.

So stellen Sie Leerzeichen in HTML dar

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Normalerweise verwenden wir die Leertaste, um mehrere Leerzeichen einzugeben. Beim Schreiben von Code werden Leerzeichen, die über die Leertaste, die Tabulatortaste und die Eingabetaste eingegeben werden, von HTML (Hypertext Markup Language) automatisch ignoriert. HTML behandelt solche Schlüssel als Leerzeichen und zeigt sie als einzelnes Leerzeichenintervall an. Obwohl CSS verschiedene Stile für Abstände und Einrückungen bietet, gibt es in HTML auch Tools, mit denen Sie Abstände selbst definieren können.

1. Geschützte Leerzeichen werden durch „ “ dargestellt.

So stellen Sie Leerzeichen in HTML dar

Im Allgemeinen zeigt HTML nur ein Leerzeichen zwischen Wörtern an, egal wie oft Sie die Leertaste drücken. Wenn Sie mehrere Leerzeichen einfügen müssen, geben Sie bitte den  - oder  -Code ein. [1] Sie werden „Leerzeichen-Platzhalter“ genannt. Wenn Sie einige eingeben, werden einige Leerzeichen auf der Seite angezeigt. Es wird als geschütztes Leerzeichen bezeichnet, da es kein Zeilenumbruchzeichen erzeugt. Wenn Sie diesen Abstand missbrauchen, ist der Browser möglicherweise nicht in der Lage, Zeilenumbrüche sauber und lesbar einzufügen.

2. Verwenden Sie „ “, um den Leerraum halber Breite darzustellen. Der vollständige Name lautet „En Space“, d. Per Definition entspricht es der halben Schriftgröße, beispielsweise 5 Pixel in einer 10-Pixel-Schriftart. Eigenschaften: Die Breite, die es einnimmt, beträgt genau die Hälfte der chinesischen Breite und wird grundsätzlich nicht von der Schriftart beeinflusst.

– „en space“ wird nach der Maßeinheit der Typografie benannt und die Breite entspricht der Breite von zwei gewöhnlichen Leerzeichen

3 Verwenden Sie „ “. Code> für Leerzeichen in voller Breite bedeutet <code>  — “en空格”是根据字体排印学的计量单位命名,宽度是两个普通空格的宽度

3、全角空格使用“”表示

“全角空格”,全称是Em Space,em是字体排印学的计量单位,相当于当前指定的点数。例如,1 em在16px的字体中就是16px。此空格也传承空格家族一贯的特性:透明的,此空格也有个相当稳健的特性,就是其 占据的宽度正好是1个中文宽度,而且基本上不受字体影响。

 — “em空格”大概是四个普通空格的宽度

4、窄空格使用“”表示

窄空格,全称是Thin Space。占据的宽度比较小。它是六分之一的宽度。

5、普通空格

浏览器还会把以下字符当作空白进行解析:空格( )、制表位( )、换行( )和( 

"Leerzeichen in voller Breite", der vollständige Name ist Em Space, em ist die Maßeinheit der Typografie, die der aktuell angegebenen Anzahl von Punkten entspricht. Beispielsweise ist 1 Geviert in einer 16-Pixel-Schriftart 16 Pixel. Dieses Leerzeichen erbt auch die konsistenten Eigenschaften der Leerzeichenfamilie: Es ist transparent. Dieses Leerzeichen hat auch eine sehr stabile Eigenschaft, das heißt, die Breite, die es einnimmt, beträgt genau 1 chinesische Breite und wird grundsätzlich nicht von der Schriftart beeinflusst. – „em space“ hat etwa die Breite von vier gewöhnlichen Leerzeichen

So stellen Sie Leerzeichen in HTML dar4. Verwenden Sie „“ für schmale Leerzeichen, um

narrow darzustellen Leerzeichen, der vollständige Name ist Thin Space. Die belegte Breite ist relativ gering. Es ist ein Sechstel der Breite.

🎜5. Gewöhnliche Leerzeichen 🎜🎜🎜Der Browser analysiert auch die folgenden Zeichen als Leerzeichen: Leerzeichen ( ), Tabstopps ( ), Newline (<code> ) und ( ) usw. 🎜🎜🎜Beispiel: 🎜🎜
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<p>测试文本  测试文本</p>
		<p>测试文本&ensp;&ensp;测试文本</p>
		<p>测试文本&emsp;&emsp;测试文本</p>
		<p>测试文本&thinsp;&thinsp;测试文本</p>
		<p>测试文本&#x0020;&#x0020;测试文本</p>
		<p>测试文本&#x0009;&#x0009;测试文本</p>
		<p>测试文本&#x000A;&#x000A;测试文本</p>
		<p>测试文本&#12288;&#12288;测试文本</p>
	</body>
</html>
Nach dem Login kopieren
🎜🎜🎜🎜Empfohlenes Lernen: 🎜HTML-Video-Tutorial🎜🎜

Das obige ist der detaillierte Inhalt vonSo stellen Sie Leerzeichen in HTML dar. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage