Tabulatorzeichen statt mehrerer geschützter Leerzeichen (“nbsp”)?

Lesezeit: 8 Minuten

Benutzeravatar von Roch
Roche

Ist es möglich, in HTML ein Tabulatorzeichen einzufügen, anstatt tippen zu müssen?   vier Mal?

  • Ich finde es hilfreich,

     zu verwenden, wenn am Anfang der Zeile mehrere Tabulatoren verwendet werden (z. B. beim Zitieren von C-Code).

    – Guy Kovel

    2. Oktober 2013 um 12:36 Uhr

  • A TAB Charakter … um was zu tun?

    – Michel de Ruiter

    5. November 2015 um 14:10 Uhr

  • Sie können Ihr eigenes Tag definieren <tab>dann benutze jQuery An ready Funktion zum Ersetzen oder Auffüllen mit der gewünschten Anzahl äquivalenter Leerzeichen.

    – Khaled.K

    11. November 2015 um 10:43 Uhr


  • Wenn Sie wirklich Tabs brauchen, probieren Sie es aus white-space

    – Buksi

    8. Juni 2016 um 6:58 Uhr


  • FYI – Wenn ein statisches 4x&nbsp; (oder eine einzelne &emsp;) schneidet es nicht und Sie möchten, dass sie sich an der nächsten Spalte mit “4 Abständen” ausrichten, wie es ein Tabulator tun könnte (was manchmal bedeuten würde, dass es tatsächlich 0 oder 1 oder 2 oder 3 Leerzeichen sind, die ausgerichtet werden müssen). Beispiel.. sagen wir, einige Texteditoren.. Leider können Sie nicht in HTML … ohne <table>s … und auch die Verwendung einiger Leerzeichen, um zu versuchen, es zu hacken … erfordert eine feste Schriftart …. Ich denke, die meisten Probleme liegen zwischen der Notwendigkeit einer festen Schriftart und der Tatsache, dass HTML es liebt, Weiß zu entfernen Raum.

    – Pimp Trizkit

    5. März 2018 um 6:58 Uhr


Alohcis Benutzeravatar
Alohci

Es ist viel sauberer, CSS zu verwenden. Versuchen padding-left:5em oder margin-left:5em wie angemessen stattdessen.

  • @Alohci IMHO ist das Auffüllen mit CSS nicht so gut, da beim Zoomen des Textes im Browser die Textgröße zunimmt, aber nicht das Auffüllen AFAIK.

    – AlexV

    16. Juni 2011 um 13:26 Uhr

  • @AlexV – Wenn Sie verwenden em Als Dimension sollte es, wie ich es getan habe, mit der Textgröße erweitert werden. Selbst wenn Sie dies nicht tun, hängt dies von der Art des verwendeten Zoommechanismus ab.

    – Alohci

    16. Juni 2011 um 15:39 Uhr

  • @Eoin – in der Tat. Das heißt, was Sie in diesen Fällen wirklich wollen, sind Registerkarten stoppt. Aber das war nicht das, wonach der OP gefragt hat. Das OP bat um einen Ersatz für mehrere aufeinanderfolgende geschützte Leerzeichen, die die Zeilen auch nicht ausrichten würden. CSS hat eine tab-size -Eigenschaft, die Sie wirklich wollen, aber die Browserunterstützung war unberechenbar. Andernfalls sind Tabellenlayout oder vielleicht Flexbox Ihre besten Wetten.

    – Alohci

    30. Mai 2017 um 12:53 Uhr


  • Das ist nicht die richtige Antwort. Sie antworten nicht, ob ein Tabulatorzeichen vorhanden ist oder nicht!

    – Firmenich

    26. Januar 2018 um 12:38 Uhr

  • das beantwortet die frage nicht. Die folgende Antwort von Kristian befasst sich mit dem Problem, über das der Benutzer gepostet hat

    – Pranavan Maru

    31. Oktober 2018 um 3:11 Uhr

Benutzeravatar von WonderWorker
WonderWorker

ist die Antwort.

Sie sind jedoch nicht so funktional, wie Sie vielleicht erwarten würden, wenn Sie es gewohnt sind, horizontale Tabellierungen in Textverarbeitungsprogrammen wie Word, Wordperfect, Open Office, Wordworth usw. zu verwenden. Sie haben eine feste Breite und können nicht angepasst werden.

CSS gibt Ihnen weitaus mehr Kontrolle und bietet eine Alternative, bis das W3C eine offizielle Lösung bereitstellt.

Beispiel:

padding-left:4em 

..oder..

margin-left:4em 

..wie angemessen

Es hängt davon ab, welchen Zeichensatz Sie verwenden möchten.

Sie könnten einige Tab-Tags einrichten und sie ähnlich verwenden, wie Sie h-Tags verwenden würden.

<style>
    tab1 { padding-left: 4em; }
    tab2 { padding-left: 8em; }
    tab3 { padding-left: 12em; }
    tab4 { padding-left: 16em; }
    tab5 { padding-left: 20em; }
    tab6 { padding-left: 24em; }
    tab7 { padding-left: 28em; }
    tab8 { padding-left: 32em; }
    tab9 { padding-left: 36em; }
    tab10 { padding-left: 40em; }
    tab11 { padding-left: 44em; }
    tab12 { padding-left: 48em; }
    tab13 { padding-left: 52em; }
    tab14 { padding-left: 56em; }
    tab15 { padding-left: 60em; }
    tab16 { padding-left: 64em; }
</style>

… und verwende sie so:

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Tabulation example</title>

        <style type="text/css">
            dummydeclaration { padding-left: 4em; } /* Firefox ignores first declaration for some reason */
            tab1 { padding-left: 4em; }
            tab2 { padding-left: 8em; }
            tab3 { padding-left: 12em; }
            tab4 { padding-left: 16em; }
            tab5 { padding-left: 20em; }
            tab6 { padding-left: 24em; }
            tab7 { padding-left: 28em; }
            tab8 { padding-left: 32em; }
            tab9 { padding-left: 36em; }
            tab10 { padding-left: 40em; }
            tab11 { padding-left: 44em; }
            tab12 { padding-left: 48em; }
            tab13 { padding-left: 52em; }
            tab14 { padding-left: 56em; }
            tab15 { padding-left: 60em; }
            tab16 { padding-left: 64em; }

        </style>

    </head>

    <body>
        <p>Non tabulated text</p>

        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p>Non tabulated text</p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>

    </body>

</html>

Führen Sie das obige Snippet aus, um ein visuelles Beispiel zu sehen.

Zusätzliche Diskussion

In ISO-8859-1-HTML sind keine Entitäten für die horizontale Tabellierung definiert, es sind jedoch einige andere Leerzeichen als die üblichen verfügbar &nbspZum Beispiel; &thinsp;, &ensp; und die vorgenannten &emsp;.

Erwähnenswert ist auch, dass in ASCII und Unicode &#09; ist eine horizontale Tabellierung.

  • Das ist kein gültiges XHTML entsprechend W3-Validator

    – Buksi

    8. Juni 2016 um 6:53 Uhr

  • Das stimmt nur halb, denn   ist wahr, gültiges W3C-Markup. Aber Sie beziehen sich eindeutig auf das günstige CSS-Beispiel. In diesem Fall verwenden wir benutzerdefinierte Tags, die neue Auszeichnungen und nicht Teil des W3C-Sets sind. Der W3C-Validator ist streng in dem Maße, benutzerdefinierte Tags immer als Fehler zu kennzeichnen. Es liegt an Ihnen, was wichtiger ist. Es ist an der Zeit, dass wir eine anständige offizielle Implementierung von Tabs bekommen, die dem Html-Markup-Set hinzugefügt werden. Hoffe das hilft.

    – WonderWorker

    8. Juni 2016 um 15:29 Uhr


  • Ich habe dies in einem Fall für Swing-JTable-Header mit einem String-Wert und einem HTML-Pfeilzeichen verwendet, wo ich dieses Zeichen als Trennzeichen benötigte. Funktioniert super! Danke!

    – Blake Neal

    27. März 2017 um 19:47 Uhr

  • “Seltsamerweise gibt es in HTML keine horizontalen Tabulatoren” Nicht allzu seltsam, da sich die Formatierung konsequent von HTML zu CSS bewegt hat und eine Registerkarte kein visuelles Element, sondern nur ein Formatierungselement ist, aber eine gute Antwort und gut erklärt

    – MikeT

    18. Oktober 2017 um 10:21 Uhr

  • @Buksy Die Frage ist nicht mit XHTML getaggt, daher spielt es keine Rolle, dass es sich nicht um gültiges XHTML handelt.

    – TylerH

    28. November 2022 um 17:32 Uhr

Benutzeravatar von loon
Seetaucher

Nachfolgend finden Sie die 3 verschiedenen Möglichkeiten, die HTML bietet, um Leerzeichen einzufügen

  1. Typ &nbsp; um ein einzelnes Leerzeichen hinzuzufügen.
  2. Typ &ensp; um 2 Leerzeichen hinzuzufügen.
  3. Typ &emsp; um 4 Leerzeichen hinzuzufügen.

  • Das ist kein gültiges XHTML entsprechend W3-Validator

    – Buksi

    8. Juni 2016 um 6:53 Uhr

  • Das stimmt nur halb, denn   ist wahr, gültiges W3C-Markup. Aber Sie beziehen sich eindeutig auf das günstige CSS-Beispiel. In diesem Fall verwenden wir benutzerdefinierte Tags, die neue Auszeichnungen und nicht Teil des W3C-Sets sind. Der W3C-Validator ist streng in dem Maße, benutzerdefinierte Tags immer als Fehler zu kennzeichnen. Es liegt an Ihnen, was wichtiger ist. Es ist an der Zeit, dass wir eine anständige offizielle Implementierung von Tabs bekommen, die dem Html-Markup-Set hinzugefügt werden. Hoffe das hilft.

    – WonderWorker

    8. Juni 2016 um 15:29 Uhr


  • Ich habe dies in einem Fall für Swing-JTable-Header mit einem String-Wert und einem HTML-Pfeilzeichen verwendet, wo ich dieses Zeichen als Trennzeichen benötigte. Funktioniert super! Danke!

    – Blake Neal

    27. März 2017 um 19:47 Uhr

  • “Seltsamerweise gibt es in HTML keine horizontalen Tabulatoren” Nicht allzu seltsam, da sich die Formatierung konsequent von HTML zu CSS bewegt hat und eine Registerkarte kein visuelles Element, sondern nur ein Formatierungselement ist, aber eine gute Antwort und gut erklärt

    – MikeT

    18. Oktober 2017 um 10:21 Uhr

  • @Buksy Die Frage ist nicht mit XHTML getaggt, daher spielt es keine Rolle, dass es sich nicht um gültiges XHTML handelt.

    – TylerH

    28. November 2022 um 17:32 Uhr

Benutzeravatar von Peter Mortensen
Peter Mortensen

Versuchen &emsp;

Es entspricht vier &nbsp;S.

  • In der Tat ist nicht die richtige Antwort als w3.org/MarkUp/html3/specialchars.html . sagt eindeutig, dass es von der Art der verwendeten Schriftart abhängt, auch das em-Leerzeichen gleich der Punktgröße der aktuellen Schriftart ist und das em-Leerzeichen zwei Leerzeichen entspricht

    – le0diaz

    11. Oktober 2017 um 20:07 Uhr

  • Ich glaube, &emsp ist ein umbrechendes Leerzeichen, während &nbsp ein nicht umbrechendes Leerzeichen ist, richtig? Diese wären also nur in Bezug auf den visuellen Raum gleichwertig, nicht jedoch in Bezug auf den Zeilenumbruch.

    – Josua

    4. März 2022 um 19:04 Uhr

1443530cookie-checkTabulatorzeichen statt mehrerer geschützter Leerzeichen (“nbsp”)?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy