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

Lesezeit: 7 Minuten

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

EIN 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  (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 Platz.

– Pimp Trizkit

5. März 2018 um 6:58 Uhr

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
@DavidThielen – HTML 3, in dem das TAB-Element auftauchte, war bei den Browserherstellern ein Nichtstarter, und das TAB-Element wurde nie implementiert. Stattdessen wurde HTML 3.2 erstellt, das etwas einfacher war und stattdessen implementiert wurde.

– Alohci

27. April 2013 um 10:32 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 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

WonderWorker

ist die Antwort.

Sie sind jedoch nicht so funktional, wie Sie vielleicht erwarten, 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;  , &ensp; und die vorgenannten &emsp;.

Erwähnenswert ist auch, dass in ASCII und Unicode 	 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 Registerkarten” 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

Seetaucher

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

Art   um ein einzelnes Leerzeichen hinzuzufügen.
Art &ensp; um 2 Leerzeichen hinzuzufügen.

Art &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 Registerkarten” 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

Peter Mortensen

Versuchen &emsp;

Es entspricht vier  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

8682500cookie-checkTab-Leerzeichen statt mehrerer geschützter Leerzeichen (“nbsp”)?

#html