suchen
HeimWeb-FrontendHTML-TutorialSo stellen Sie Leerzeichen in HTML dar

So stellen Sie Leerzeichen in HTML dar

Jun 02, 2021 pm 04:06 PM
html空格字符

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>
🎜🎜🎜🎜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!

Stellungnahme
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
Die Vielseitigkeit von HTML: Anwendungen und AnwendungsfälleDie Vielseitigkeit von HTML: Anwendungen und AnwendungsfälleApr 30, 2025 am 12:03 AM

HTML ist nicht nur das Skelett von Webseiten, sondern wird auch in vielen Bereichen häufiger verwendet: 1. In der Webseitenentwicklung definiert HTML die Seitenstruktur und kombiniert CSS und JavaScript, um reichhaltige Schnittstellen zu erreichen. 2. In der Entwicklung der mobilen Anwendungen unterstützt HTML5 Offline -Speicher- und Geolokationsfunktionen. 3. In E -Mails und Newslettern verbessert HTML das Format- und Multimedia -Effekte von E -Mails. 4. In der Spielentwicklung wird die Canvas -API von HTML5 verwendet, um 2D- und 3D -Spiele zu erstellen.

Was ist das Root -Tag in einem HTML -Dokument?Was ist das Root -Tag in einem HTML -Dokument?Apr 29, 2025 am 12:10 AM

Theroottaginanhtmldocumentis.itServesasthetop-LevelelementthateCapsulatesAllotherContent, um ProperDocumentStructureandBrowserParsing zu gewährleisten.

Sind die HTML -Tags und Elemente dasselbe?Sind die HTML -Tags und Elemente dasselbe?Apr 28, 2025 pm 05:44 PM

Der Artikel erklärt, dass HTML -Tags Syntaxmarker sind, die zum Definieren von Elementen verwendet werden, während Elemente vollständige Einheiten einschließlich Tags und Inhalt sind. Sie arbeiten zusammen, um Webseiten zu strukturieren.Character Count: 159

Welche Bedeutung hat der Kopf & gt; und & lt; Körper & gt; Tag in HTML?Welche Bedeutung hat der Kopf & gt; und & lt; Körper & gt; Tag in HTML?Apr 28, 2025 pm 05:43 PM

Der Artikel erörtert die Rollen von & lt; Head & gt; und & lt; Körper & gt; Tags in HTML, ihre Auswirkungen auf die Benutzererfahrung und die SEO -Auswirkungen. Die ordnungsgemäße Strukturierung verbessert die Funktionen der Website und die Suchmaschinenoptimierung.

Was ist der Unterschied zwischen & lt; stark & ​​gt;, & lt; b & gt; Tags und & lt; em & gt;, & lt; i & gt; Tags?Was ist der Unterschied zwischen & lt; stark & ​​gt;, & lt; b & gt; Tags und & lt; em & gt;, & lt; i & gt; Tags?Apr 28, 2025 pm 05:42 PM

Der Artikel erörtert die Unterschiede zwischen HTML -Tags, und sich auf ihre semantischen und präsentierenden Verwendungen und ihre Auswirkungen auf SEO und Barrierefreiheit konzentrieren.

Bitte erklären Sie, wie Sie den Zeichensatz angeben, der von einem Dokument in HTML verwendet wird.Bitte erklären Sie, wie Sie den Zeichensatz angeben, der von einem Dokument in HTML verwendet wird.Apr 28, 2025 pm 05:41 PM

In Artikel wird die Angabe der Charaktercodierung in HTML erläutert, die sich auf UTF-8 konzentriert. Hauptproblem: Sicherstellen, dass die korrekte Anzeige des Textes verstümmelt und die SEO und die Zugänglichkeit verbessert werden.

Was sind die verschiedenen Formatierungs -Tags in HTML?Was sind die verschiedenen Formatierungs -Tags in HTML?Apr 28, 2025 pm 05:39 PM

In dem Artikel werden verschiedene HTML -Formatierungs -Tags erörtert, die zur Strukturierung und Styling -Webinhalte verwendet werden, wodurch ihre Auswirkungen auf das Erscheinungsbild von Text und die Bedeutung semantischer Tags für Barrierefreiheit und SEO betont werden.

Was ist der Unterschied zwischen dem Attribut 'ID' und dem Attribut 'Klasse' von HTML -Elementen?Was ist der Unterschied zwischen dem Attribut 'ID' und dem Attribut 'Klasse' von HTML -Elementen?Apr 28, 2025 pm 05:39 PM

Der Artikel erörtert die Unterschiede zwischen den Attributen von HTMLs "ID" und "Klasse" und konzentriert sich auf ihre Einzigartigkeit, ihren Zweck, ihre CSS -Syntax und ihre Spezifität. Es erklärt, wie sich ihre Verwendung auf das Webseite und die Funktionalität des Webseite auswirkt, und bietet Best Practices für

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

Video Face Swap

Video Face Swap

Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!

Heiße Werkzeuge

Herunterladen der Mac-Version des Atom-Editors

Herunterladen der Mac-Version des Atom-Editors

Der beliebteste Open-Source-Editor

EditPlus chinesische Crack-Version

EditPlus chinesische Crack-Version

Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Sicherer Prüfungsbrowser

Sicherer Prüfungsbrowser

Safe Exam Browser ist eine sichere Browserumgebung für die sichere Teilnahme an Online-Prüfungen. Diese Software verwandelt jeden Computer in einen sicheren Arbeitsplatz. Es kontrolliert den Zugriff auf alle Dienstprogramme und verhindert, dass Schüler nicht autorisierte Ressourcen nutzen.

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.