Sollte ein Texteinzug im Web verwendet werden?

Ich dachte daran, meiner Website einen Texteinzug hinzuzufügen (mit der ersten Zeile der eingerückten Absätze), suchte aber zuerst ein wenig und stellte fest, dass viele Websites keinen Texteinzug haben. Warum das? Ich dachte, es macht klarer, wo Absätze beginnen. Warum wird es nicht häufiger verwendet?

Gibt es einen ernsthaften Nachteil oder ist es nur eine Frage der Mode / des Trends?

website-design typography

— ispiro
quelle

Antworten:

Sie können Absätze auf verschiedene Arten trennen.

Einrückungen

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 
    Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 
    Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna.

Leere Linie / Leerzeichen

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. 

Nunc faucibus lectus id libero blandit, et varius augue 
vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. 

Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna.

Fleurons / Flourishes / Icons / Bugs

Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
Curabitur in orci pellentesque, volutpat metus eget, interdum 
mauris. ~•~ Nunc faucibus lectus id libero blandit, et varius 
augue vehicula. Cras eu dictum libero, a elementum velit. Fusce 
ultrices malesuada elit, et convallis massa tristique in. ~•~ 
Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
sit amet neque aliquam ultrices eget vitae urna.

Zahlen

1  Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
   Curabitur in orci pellentesque, volutpat metus eget, interdum 
   mauris. 
2  Nunc faucibus lectus id libero blandit, et varius augue 
   vehicula. Cras eu dictum libero, a elementum velit. Fusce 
   ultrices malesuada elit, et convallis massa tristique in. 
3  Vivamus vel urna eget orci tincidunt luctus eget ac tortor. 
   Integer faucibus ante eu mauris faucibus, sit amet tincidunt 
   velit rhoncus. Proin a pellentesque nunc. Aliquam vitae neque 
   sit amet neque aliquam ultrices eget vitae urna.

Alle (sowie andere Methoden) sind gültig. Was normalerweise verpönt ist, sie zu kombinieren, da es ein bisschen überflüssig ist. Wenn Sie bereits ein Leerzeichen zwischen Absätzen haben, hilft das Einrücken nicht wirklich dabei, sie visuell zu trennen.

Warum Sie normalerweise Leerzeilen / Leerzeichen als Hauptmethode zum Trennen von Absätzen im Web sehen, liegt daran, dass dies nur die Standardeinstellung ist. Standardmäßig haben die meisten Browser traditionell Platz zwischen <p>Tags hinzugefügt . Es war also einfach nicht nötig, Einrückungen zu verwenden. Es steht Ihnen jedoch frei, Einrückungen zu verwenden, wenn Sie dies bevorzugen.

— DA01
quelle

Interessant die Bugs-Sache. Aber ich denke nicht, dass es nützlich ist. : o) - Die Zahlen (imho) bedeuten etwas Zusätzliches als nur verschiedene Absätze.

— Rafael

@ Rafael Nützlichkeit ist kontextbasiert. :) Es wird zugegebenermaßen nicht häufig verwendet.

— DA01

Nun ... wir müssen diese Fehler in diesen Kommentarfeldern verwenden! --- Stapelaustausch: Ich möchte Absätze zu Kommentaren! : o)

— Rafael

@ Rafael, das ist eigentlich ein hervorragendes Beispiel dafür, wo es nützlich wäre! :)

— DA01

"Bugs" (oder ähnliches) wurden in vielen alten Schreibformen verwendet. Sie sind die ursprünglichen Absatztrennzeichen aus einer Zeit, als die Schreibflächen begrenzt waren und die Informationsdichte wichtig war. Ich würde vorschlagen, sie in ähnlichen Situationen zu verwenden. Einrückungen sparen ebenfalls Platz im Vergleich zur Alternative eines zusätzlichen Zeilenumbruchs. Moderne Web-Typografie sollte jedoch aus Gründen der Lesbarkeit nach Möglichkeit Abstände verwenden.

— Rich Remer

Dies ist meistens eine persönliche Präferenz und einige würden argumentieren, warum Menschen keine Drop Cap anstelle von Einrückungen verwenden. Persönlich verdient der Abstand zwischen den Absätzen die Einrückung.

Mein Verständnis des Zwecks bei der Verwendung des Einzugs ist nur für neue Inhaltsblöcke zu verwenden, wenn ich so etwas wie einen Blog-Beitrag für eine Site schreibe. Das heißt, wenn einige Leute CMS-Sites oder -Blogs verwenden, ist es schwierig, einen Einzug in die erforderlichen Absätze zu codieren, wenn mehrere Themen diskutiert werden, sodass Header-Tags als Trennung verwendet werden.

Um dies zu lösen, können Sie mit grepjQuery die CSS- text-indentEigenschaft für bestimmte <p>Tags hinzufügen . Um Ihre Frage zu beantworten, ist dies eine persönliche Präferenz. Um auch zu beachten, wenn Sie dies für so etwas wie einen Blog-Beitrag tun und nicht möchten, dass jedes <p>Tag eingerückt wird, können Sie das Pseudoelement first-child verwenden:

p:first-child {
  text-ident: 1.5em;
}

— DᴀʀᴛʜVᴀᴅᴇʀ
quelle

In der Vergangenheit gab es keine einfache Möglichkeit, Absätze einzurücken oder Dropcaps in HTML zu verwenden. Als CSS lange auf sich warten ließ, änderte sich das.

— DA01

spreche nicht von

— solchen

Beim klassischen Satz für lange Materie (dh Bücher) würde der erste Absatz eines Abschnitts Leerzeichen darüber und keinen Einzug haben, während die übrigen Absätze Einrückungen hätten. Dies geschah normalerweise unabhängig davon, ob es eine Überschrift oder einen Abschnittstitel gab oder nicht. Der erste Absatz einer wichtigen Unterbrechung, z. B. eines Kapitels, enthält möglicherweise eine Drop-Cap oder eine beleuchtete Drop-Cap.

— RBerteig

Sollte Text eingerückt werden? Nun, das ist eine Frage der persönlichen Präferenz, aber eine große Mehrheit der Websites, die ich gesehen habe, rücken keine Absätze ein.

Sie müssen sich den Ursprung von HTML ansehen

Als HTML gestartet wurde, gab es keine Standardanleitung. HTML wurde ursprünglich von Berners-Lee erstellt, der die Browser- und Serversoftware geschrieben hat. Mitarbeiter großer Organisationen fragten, welche Formatierungsbefehle sie verwenden könnten. Da Absätze in geschriebenem Text Leerzeichen hinter sich haben, haben sie dies in HTML übernommen. So funktioniert das <p>Tag. Die Menschen würden die festgelegten Standards übernehmen und das Optionale nicht verwenden.

Es gibt auch einen Auszug aus dem HTML 2.0-Dokument

Das horizontale Tabulatorzeichen (Codeposition 9 im Zeichensatz des HTML-Dokuments) muss als kleinste positive Anzahl von Leerzeichen ungleich Null interpretiert werden, wodurch die Anzahl der Zeichen in der Zeile als Vielfaches von 8 verbleibt . Dokumente sollten keine Tabulatorzeichen enthalten , da sie nicht konsequent unterstützt werden.

http://www.ietf.org/rfc/rfc1866.txt

Der Unterschied zwischen Registerkarten in Textverarbeitungsprogrammen und der Verwendung im Web

Ein weiterer Grund für das Fehlen von Einrückungen ist die Verwendung von Tab. In einem Textverarbeitungsprogramm sind wir es gewohnt, Tabulatoren zum Einrücken von Absätzen zu verwenden. Nun, so funktionieren die Dinge im Web nicht. Als in den frühen 90er Jahren Formulare erstellt wurden, benutzten die Benutzer die Tabulatortaste, um zum nächsten Feld zu springen. Jetzt sind die Benutzer an diese Funktion gewöhnt, anstatt Zeilenumbrüche im Web zu haben.

Es gibt keinen Grund, warum Sie einen Absatz im Web nicht einrücken können. Menschen sind es einfach gewohnt, keine Einrückungen in Absätzen zu haben und den vertikalen Raum zu haben.

p {
    text-indent: 20px;
}

— AndrewH
quelle

Die Tabulatortaste ist ein bisschen wie ein roter Hering. Die Tabulatortaste wurde immer verwendet, um zwischen Feldern zu wechseln. Dies ist älter als das Web. Dies ist für das textareaFeld relevant , jedoch nicht für die allgemeine Absatzformatierung auf einer Webseite (da der Benutzer die Tabulatortaste nicht zum Lesen von Absätzen verwendet). Beachten Sie auch, dass HTML nicht standardmäßig den Speicherplatz erstellt hat, sondern dass das Standard-Rendering des Absatz-Tags durch den Browser den Standardbereich erstellt hat (zugegebenermaßen eine technische Auswahl)

— DA01

@ DA01 Hat Berners-Lee nicht die Software und den Browser erstellt, die den HTML-Code rendern würden? Ich verstehe, dass ein Browser den HTML-Code rendert, aber hat er nicht die Standards dafür erstellt? Ist die Tatsache, dass Tab immer zum Tabulator zwischen Feldern verwendet wurde, nicht ein Grund, warum es nicht in HTML implementiert wurde? Auch die Tatsache, dass der HTML-Code keinen Leerraum erkennt.

— AndrewH

Richtig, aber es gab keinen 'HTML-Standard' für das Rendern. Es ist einfach passiert, dass er in seinem speziellen Browser zusätzliche Abstände zwischen Absätzen verwendet hat. Andere Browser haben diese Standardeinstellung übernommen, sie wurde jedoch nie als Standard in HTML deklariert.

— DA01