Satz Spacing in HTML und CSS
(Beachten Sie, dass der Abstand Terminologie oben ist mein eigenes, und völlig subjektiv. Wenn überhaupt, die Bilanz zeigt, dass größere Abstände gemeinsam vor der Automatisierung des Druckprozesses waren.)
Für das Protokoll, sie ist nicht die obligatorische Abstand Person. Ich werde Ihnen nicht sagen, wie Sie Ihre Sätze zu formatieren. Ich habe einige Informationen und Meinungen über diejenigen, die Sie fordern, muss es eine oder andere Weise tun.
Die faule Wahl keinen zusätzlichen Raum hinzuzufügen. Sie werden Abstände zwischen den Sätzen die gleiche Größe wie Leerzeichen zwischen den Wörtern bekommen. Dies gilt unabhängig davon, wie viele Räume angezeigt werden. HTML kollabiert Räume wiederholt, weil innerhalb des Inhaltsteil von HTML (der Teil, der nicht-Tags) der einzige Zweck ein Raum hat, ist also voneinander zu trennen, das heißt „Grapefruit“ und „Traubenfrucht“ verschiedene Bedeutungen haben zu machen. Hinzufügen zusätzlichen Raum zwischen den Sätzen ist eine Art von Layout, und das angenommen hat, die Arbeit der Tags selbst zu sein.
Der falsche Weg
Wenn Sie im Web zu diesem Thema herumzustochern, werden Sie wahrscheinlich viele Menschen sehen empfehlen, wenn Sie dies tun wollen, die richtige Art und Weise zu verwenden -nbsp ist; einen zusätzlichen Raum zu schaffen, die nicht zusammengebrochen wird. Dies gilt in der Tat Arbeit, aber es leidet unter einigen Abstrichen (und zumindest einen Vorteil). Zunächst einmal ‚nbsp‘ ist eigentlich eine Abkürzung für ‚non-breaking Raum‘. Dies wird verwendet, um sicherzustellen, dass HTML umbrochen nicht Ihre Zeilen an diesem bestimmten Raum. Der nicht-kollabierenden Aspekt ist ein Nebeneffekt der non-breaking-Funktion.
Also das erste Problem ist, dass HTML nicht Ihren Text wickeln kann, wo dieser Raum ist. Dies ist eine Art von Ordnung, wenn man einen regulären Raum verwenden und ein -nbsp; denn es kann immer noch Text auf dem regulären Raum wickelt. Allerdings, wenn Sie den regulären Raum die erste Stelle setzen und dann die -nbsp; Sie können mit einem Leerzeichen am Anfang der Zeile am Ende, nachdem sie umschließt. Wenn Sie diese Methode verwenden, müssen Sie die regelmäßige Raum stellen Sie sicher, kommt an zweiter Stelle (obwohl auch dies ein Problem ist, wenn Sie bündiger Text verwenden).
Ein weiteres Problem besteht darin, dass ein zusätzlicher Raum Zugabe ist ein Club, in dem Sie ein Skalpell bevorzugen könnten. Hand Settyps immer erlaubt Drucker so viel Platz zu setzen in, wie sie zwischen den Sätzen gewünschten (na ja, in Abhängigkeit von der Breite der leeren Sorten (Druckblöcke) sie hatten auf der Hand). Erst die Erfindung von Schreibmaschinen uns in die Lage versetzen, den Raum in Bezug auf die Anzahl von Malen zählen wir die Leertaste gedrückt wird (oder in der Computersprache, die Anzahl der Leerzeichen). Es wäre besser, Satz Abstand anzupassen, was auch immer viel Platz wir wünschen. Und es gibt eine Möglichkeit, dass mehr oder weniger zu tun, was ich kurz beschreiben werde.
Aber zuerst werde ich sagen, dass das ein Vorteil, dass der -nbsp verwendet wird; Methode ist, dass, wenn Sie von einem Web-Browser-Fenstern Ausschneiden und Einfügen von Text aus, Sie werden wahrscheinlich mit zwei Leerzeichen zwischen den Sätzen enden.
HTML auch andere Abstände Einheiten bieten. Ich bin mir bewusst, drei von ihnen:Der Vorteil dieser Räume ist, dass Sie etwas feineres Korn Kontrolle über die Menge an Speicherplatz haben, werden sie nicht Zeilenumbrüche beeinflussen (wenn der Browser ordnungsgemäß umgesetzt wird, das werde ich nicht garantieren) und Cut-and-Paste wird geschnitten die tatsächliche Anzahl der Räume (einschließlich der beiden Raumzeichen und jeder Raum über Entitäten), die Sie tatsächlich nutzen.
Der richtige Weg
Der richtige Weg, dies in HTML zu tun ist, in einem Tag legen, die Sie, welche Elemente Ihrer Inhalte erzählt Sätze sind. Dann können Sie mit CSS den Abstand zwischen Sätzen in eine viel geeignetere und modernen Art und Weise zu steuern, und Sie können etwas präzise darüber (oder sogar sehr präzis, mit Abstrichen).
Aber wir können dies mit dem SPAN-Tag, und das Hinzufügen einer Klasse für diese bestimmte Spanne, die uns sagt, es ist ein Satz Spanne. Beispielsweise Ihr Satz geht hier. funktionieren würde, und Sie würden CSS verwenden, um die Trennung zwischen dem Satz Spannweiten zu steuern.
Es gibt eine Gotcha mit dieser Methode, die auf die Probleme des ersten Verfahrens ähnlich ist. Wenn Sie Spannweiten wie diese verwenden, müssen Sie über Cut-and-Paste denken. Wenn Sie keine Leerzeichen zwischen Spannweiten setzen Sie dann, wenn Sie Text aus einem Web-Browser schneiden keine Leerzeichen überhaupt zwischen den Sätzen haben. Indem jedoch in einem Raum, diese zu beheben, Sie ein wenig präzisen Kontrolle über den Inter Satz Abstand verlieren. Dies liegt daran, Sie nicht vollständig die Breite des Leerzeichen im Web-Browser verwendet, steuern können. Natürlich, auch ohne den Raum können Sie nicht garantieren, wie das Remote-System „em“ Einheiten definieren, da es nicht in der modernen Typographie gut definiert ist. Oder zumindest wird die Definition nicht sehr konsequent gefolgt.
Ich werde hier anmerken, dass dieses Problem gelöst werden könnte, wenn HTML einen echten Satz-Tag hat, denn dann browsers Cut-and-Paste zu tun, dass diese erforderlichen besondere Handhabung verstehen würde.
Natürlich, wenn Sie nicht über Cut-and-Paste ist es egal, können Sie alle realen Leerzeichen überspringen, aber ich denke, das ist ein Fehler. Es könnte ein Problem für Web-Crawler wie Google sein. Es ist einfach nicht, wie das Web funktioniert gemeint ist.
Die Details
Ein em ist eine Einheit, die die Breite des ‚M‘ Charakters Historisch wurde die typischerweise quadratisch war. Da es Platz war, dann in modernen Begriffen wird ein em locker wie die Höhe einer Schriftart definiert. Wenn eine moderne Schriftart 36 Punkt gesetzt wird, dann wird das soll die Höhe sein, und es definiert auch die Größe em. Aber wenn Sie nur mit der auf 36 Punkte gesetzt Größe durch die Schriften auf Ihrem System finden, sehen Sie, dass die tatsächliche Höhe der Schriften ist sehr unterschiedlich (vielleicht sogar wild).
Also, wie viel Platz wollen wir? Nun Historisch gesehen ist der häufigste Satz Abstand zwischen den Sätzen verwendet scheint zwischen 1/3 em und 1/2 em (aber manchmal weniger, manchmal sogar mehr, bis zu 1 voll em) zu sein. Und in der modernen Praxis, wählen viele Schriftarten in etwa 1/4 em wie die Größe der (normalen) Leerzeichen. Es gibt buchstäblich keinen Standard hier, die ich kenne, aber das ist typisch. So 1/2 em Satz Abstand wird in etwa zwei normale Räume, alle anderen Dinge sein, gleich sind. Und wenn Sie etwas grob zwischen 1/4 und 1/2 em möchten, können Sie einen regelmäßigen Platz zusammen mit -thinsp verwenden ;.
Wenn Sie CSS und die SPAN-Methode verwenden oben beschrieben, können Sie nur die Wortabstand angeben CSS-Elemente genau. Ich empfehle auf jeden Fall Sie hier em-Einheiten verwenden. Wenn Sie Pixel oder Zoll oder Punkte verwenden, und der Leser eine ganz andere Schriftgröße wählen, als Sie getan haben, werden die Ergebnisse nicht mit dem Schriftart skalieren. (Zwar gibt es einen Vorschlag zu können Größe Dinge in Bezug auf den Raum Charakter, der sehr könnte hier nützlich, wenn das jemals passieren kommt.) Em-Einheiten der einzige Ansatz, die wachsen und schrumpfen, wenn die Schrift tut (wenn auch ziemlich inkonsequent). Wenn Sie einen realen Raum verwenden, zusammen mit dem CSS-Wort-Abstandselement, dann empfehle ich Sie davon aus, dass das Leerzeichen 1/4 em ist, und dass Sie dann zusätzlichen Platz in Wort-Abstand hinzuzufügen. Also für 1/3 em, würden Sie Wort-Abstand auf 0.08em und für 1/2 em, dann würden Sie Wort-Abstand auf 0.25em.
Der Spassfaktor
Dann können Sie einfach einige verwenden auf einen Link oder ein anderes Element mit den Mitglieder klickbare Kontrolle über den Satz Abstand zu geben. Wenn Sie bei der HTML-Quelle dieses Dokuments suchen, verwende ich eine etwas ausgefallenere Version der Funktion, die Boxen in einer Tabelle verwendet, und ändert die Hintergrundfarbe der ausgewählten Wahl.
Fein / ironmotif / tomplate-vernietet-small-trans.gif“/> Fine Heim