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

Der Unterschied zwischen 6 Arten von Leerzeichen in HTML

韦小宝
Freigeben: 2023-03-17 17:28:02
Original
2148 Leute haben es durchsucht

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!

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