6 Arten von Leerzeichen in HTML erklärt

高洛峰
Freigeben: 2017-03-12 17:13:46
Original
2347 Leute haben es durchsucht

In diesem Artikel werden die 6 Arten von Leerzeichen in HTML vorgestellt.

HTML bietet 6 Arten von Leerzeichen (Leerzeicheneinheiten) mit unterschiedlichen Breiten.
Geschützte Leerzeichen ( ) haben die Breite regulärer Leerzeichen und können in allen gängigen Browsern ausgeführt werden. Mehrere andere Leerzeichen ( ,  ,  , ‌, ‍) haben in verschiedenen Browsern unterschiedliche Breiten.
  heißt No-Break Space und sein vollständiger Name ist No-Break Space. Es handelt sich um den am häufigsten genutzten Bereich, der nur durch Drücken von erzeugt wird Leertaste. Wenn Sie in HTML die Leertaste zum Generieren dieses Leerzeichens verwenden, werden die Leerzeichen nicht akkumuliert (zählen nur als 1). Es kann nur mit der HTML-Entitätsdarstellung akkumuliert werden. Die Breite dieses Raums wird offensichtlich stark von der Schriftart beeinflusst. Der vollständige Name lautet „En-Space“. Einheit der Typografie und ist die halbe Breite. Per Definition entspricht es der halben Schriftbreite (z. B. 8 Pixel in einer 16 Pixel-Schriftart). Nominell die Breite des Kleinbuchstabens n. Dieses Leerzeichen erbt die konsistenten Eigenschaften der Leerzeichenfamilie: Die Farbe des Leerzeichens ist transparent. Dieses Leerzeichen hat eine sehr robuste Eigenschaft, das heißt, die Breite, die es einnimmt, beträgt genau die Hälfte der Breite eines chinesischen Schriftzeichens, und das ist im Grunde auch so nicht von der Schriftart betroffen;
  wird als „Vollbreitenraum“ bezeichnet, der vollständige Name ist Em-Space, em ist die Maßeinheit in der Typografie, die der aktuell angegebenen Anzahl von Punkten entspricht. Beispielsweise ist 1em in einer 16-Pixel-Schriftart 16 Pixel. Dieser Raum erbt auch die konsistenten Eigenschaften der Raumfamilie: Die Farbe des Raums ist transparent, und die Eigenschaften dieses Raums sind auch recht robust, das heißt, die Breite, die er einnimmt, entspricht genau der Breite eines chinesischen Schriftzeichens, und das ist auch der Fall grundsätzlich nicht von der Schriftart betroffen;
  wird als Narrow Space bezeichnet, der vollständige Name ist Thin-Space. Wir könnten es genauso gut als „dünnes Leerzeichen“ bezeichnen, das heißt, das Leerzeichen ist relativ dünn und nimmt eine relativ kleine Breite ein, ein Sechstel der em-Breite
‌ , Der vollständige Name lautet Zero Width Non Joiner, kurz „ZWNJ“. Es handelt sich um ein nicht druckbares Zeichen, das zwischen zwei Zeichen in elektronischem Text platziert wird, um die sonst auftretenden Ligaturen zu unterdrücken und stattdessen die beiden Zeichen im Original darzustellen Glyphen. Das Nicht-Joiner-Zeichen mit der Breite Null in Unicode wird auf (Nicht-Joiner mit der Breite Null, U+200C) abgebildet, und die HTML-Zeichenwertreferenz lautet ‌;
‍ und wird als Joiner mit der Breite Null bezeichnet Der vollständige Name lautet „ZWJ“ und ist ein nicht druckbares Zeichen, das in bestimmten Sprachen, die einen komplexen Schriftsatz erfordern (z. B. Arabisch und Hindi), zwischen zwei Zeichen platziert wird, was dazu führt, dass dies nicht der Fall ist andernfalls wird ein getrennter Worteffekt verwendet. Der Unicode-Codepunkt des Bindestrichs mit der Breite Null ist U+200D (der HTML-Zeichenwert wird in Anführungszeichen gesetzt als ‍ ‍);
Darüber hinaus analysiert der Browser auch die folgenden Zeichen als Leerzeichen: Leerzeichen ;, Tabstopp , Zeilenvorschub , Wagenrücklauf usw.

Das obige ist der detaillierte Inhalt von6 Arten von Leerzeichen in HTML erklärt. 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