Wie gehst du mit Leerzeichen in Ihrer HTML [geschlossen]

Question

Einer meiner größten typografische Frustrationen über HTML ist die Möglichkeit, dass es mangles siamesische whitespace.Zum Beispiel, wenn ich habe:

<span>Following punctuation rules.  With two spaces after the period.  </span>

Einer der beiden Räume nach der Periode wird als unbedeutende Leerzeichen und entfernt werden.Ich kann natürlich Kraft, die Leerzeichen signifikant mit:

<span>Following punctuation rules.&nbsp; With two spaces after the period.  </span>

aber es ärgert mich, um das zu tun, und ich normalerweise nicht die Mühe.Hat jemand da draußen automatisch einfügen signifikante Leerraum in externe Inhalte, Beiträge, die dazu bestimmt sind, das für eine Webseite?

Answer 1

Für Ihr spezielles Beispiel, es ist keine Notwendigkeit zu sorgen über es.Web-Browser durchführen, typografische rendering und legen Sie die richtige Menge an Raum zwischen den Perioden und was auch immer Zeichen folgt, (und es ist unterschiedlich, je nachdem auf das nächste Zeichen, je nach kerning Regeln.)

Wenn Sie möchten, Zeilenumbrüche, <br /> ist nicht wirklich eine große Sache, oder?

---

Nicht sicher, was verdient ein downmod hier...Sollten Sie nicht zwingen, zwei Leerzeichen nach einer Periode, es sei denn, Sie verwenden eine monospace-schriftart.Für proportionale Schriftarten, die rederer kerns viel Platz nach einer Periode.Finden hier und hier für ausführliche Diskussionen.

Answer 2

Wenn Sie wirklich möchten, dass Ihre weißen Raum zu erhalten, probieren Sie die css-Eigenschaft:white-space:pre;

Oder, Sie könnte verwenden Sie einfach ein <pre> tag in Ihrem markup.

Durch die Weg, es ist eine gute Sache, dass HTML-Browser ignorieren weißer Raum, in Allgemeinen, es ermöglicht es uns, klar formatierte source-code, ohne den Ausgang.

Answer 3

Es ist vielleicht nicht sehr elegant, aber ich CSS anzuwenden, um eine <pre> tag.

Es gibt immer die "white-space" CSS-Attribut, aber es kann ein bisschen hit und miss.

Answer 4

Werfen Sie einen Blick auf die vor tag.Sie könnten tun, was Sie wollen.

Answer 5

Sie können einen Stil pre-block Leerzeichen beizubehalten.Die meisten WYSIWYG-Editoren einfügen für Sie...

Insgesamt, es ist gut, dass der browser ignoriert whitespace-Zeichen.Nur das anzeigen der Quelle, die auf dieser website für sich selbst und sich vorstellen, wie verrückt die Seite Aussehen würde, wenn jeder Platz wurde angezeigt.

Answer 6

Sie solltest besser verwenden Sie white-space:pre-wrap als white-space:vor-oder Mit Ihrem Beispiel, die letzteren Lösungen kann eine neue Zeile beginnen auf "Regeln". nur weil Ihr nauf-breakable space Treffer am Ende der Zeile.

Answer 7

Das PRE-tag kann eine gültige Lösung, je nach Ihren Bedürfnissen.Jedoch, wenn Sie sind versuchen, zu verwenden die 2-Raum-Herrschaft, die in Sätzen auf Ihrer Website, werden Sie schnell feststellen, dass die anderen Charaktere der PRE-tag bewahrt die line feed/carriage returns (oder Mangel an) wird muck up jedes styling, die Sie versuchen zu tun.

Im Allgemeinen Neige ich dazu, Sie zu ignorieren, "2 Leerzeichen nach einem Satz" - Regel, oder wenn Sie ein stickler für Sie, würde ich mit dem Stöckchen , aber Sie werden gelegentlich in das Problem, erläutert Nicolas.

Answer 8

Es gibt auch eine Seite zu diesem Thema auf webtypography.net.Diese site hat viele andere interessante Dinge, über die Erstellung von text für das web aus der Sicht von Typografie, die Dinge, die web-Seite-Designer oft gar nicht denken.Es ist des Lesens Wert.