Heim Backend-Entwicklung PHP-Tutorial Der Unterschied zwischen 6 Arten von Leerzeichen in HTML

Der Unterschied zwischen 6 Arten von Leerzeichen in HTML

Dec 01, 2017 am 10:27 AM
  html 空格

Ich glaube, dass viele Schüler kein tiefes Verständnis für die Leerzeichenanpassung von HTML haben. Ich dachte, dass es in HTML nur ein Leerzeichen gibt, aber nachdem ich es gelesen hatte erkannte, dass es tatsächlich Es gibt sechs Arten von Leerzeichen, die mit HTML übereinstimmen! Werfen wir ohne weiteres einen Blick darauf

HTML bietet 5 Arten von Leerzeichen (Leerzeichen), die unterschiedliche Breiten haben ( ) und die Breite regulärer Leerzeichen Browser. Mehrere andere Leerzeichen (       ‌‍ ) haben in verschiedenen Browsern unterschiedliche Breiten.

 

Es heißt geschütztes Leerzeichen, der vollständige Name ist No-Break Leerzeichen, es ist das gebräuchlichste und am häufigsten vorkommende Platz, den wir am meisten nutzen, groß Die meisten Menschen sind möglicherweise nur mit   in Berührung gekommen, dem Raum, der durch Drücken der Leertaste erzeugt wird. Wenn Sie in HTML die Leertaste zum Generieren dieses Leerzeichens verwenden, werden die Leerzeichen nicht akkumuliert (zählen nur als 1). Es kann nur mithilfe der HTML-Entitätsdarstellung akkumuliert werden. Die von diesem Raum eingenommene Breite wird offensichtlich stark von der Schriftart beeinflusst.

Es wird „Halbbreitenraum“ genannt, der vollständige Name ist En Space, en ist die Maßeinheit der Typografie , also die Hälfte der Breite. Per Definition entspricht es der halben Schriftgröße (z. B. 8 Pixel in einer 16 Pixel-Schriftart). Nominell die Breite des Kleinbuchstabens n. Dieses Leerzeichen erbt die konsistenten Eigenschaften der Leerzeichenfamilie: Es ist transparent. Dieses Leerzeichen hat eine sehr stabile Eigenschaft, das heißt, die Breite, die es einnimmt, beträgt genau die Hälfte der chinesischen Breite und wird grundsätzlich nicht von der Schriftart beeinflusst.

Es heißt „Full-Width Space“ und sein vollständiger Name ist Em Space. 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.

  

Es heißt Narrow Space, sein vollständiger Name ist Thin Space. Wir könnten es genauso gut als „dünnen Raum“ bezeichnen, was bedeutet, dass der Raum relativ dünn ist, einen dünnen Körper hat und eine relativ geringe Breite einnimmt. Es ist ein Sechstel eines Em breit.

Es heißt Zero Width Non Joiner, der vollständige Name ist Zero Width Non Joiner, bezeichnet als „ZWNJ“, ist ein nicht druckbares Zeichen. Die Zeichen werden zwischen den beiden Zeichen des elektronischen Textes platziert, wodurch die sonst auftretenden Ligaturen unterdrückt und stattdessen in den ursprünglichen Glyphen der beiden Zeichen gezeichnet werden. Das Nicht-Joiner-Zeichen mit der Breite Null in Unicode wird „“ (Nicht-Joiner mit der Breite Null, U+200C) zugeordnet, und der HTML-Zeichenwert bezieht sich auf als: ‌

Es heißt Zero Width Joiner, der vollständige Name ist Zero Width Joiner, bezeichnet als „ZWJ“, es ist ein nicht druckbares Zeichen, das in einigen Sprachen verwendet wird ​​die einen komplexen Schriftsatz (z. B. Arabisch, Hindi (Slang)) zwischen den beiden Zeichen erfordern, was dazu führt, dass die beiden Zeichen, die nicht getrennt worden wären, einen getrennten Effekt erzeugen. Der Unicode-Codepunkt für den Bindestrich mit der Breite Null ist U+200D (HTML: ‍ ‍).

Darüber hinaus interpretiert der Browser die folgenden Zeichen als Leerzeichen: Leerzeichen ( ), Tabstopp ( ), Zeilenvorschub ( ) und Wagenrücklauf ( & #x000D;) und ( ) und so weiter.

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er kann Ihnen ein neues Verständnis von HTML-Leerzeichen vermitteln.

Verwandte Empfehlungen:

HTML-Leerzeichencode

Mehrere Formen von HTML-Spaces_html/css_WEB-ITnose

HTML implementiert ein mobiles, festes, schwebendes, durchscheinendes Suchfeld


Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen 6 Arten von Leerzeichen in HTML. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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

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

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

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

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles