Ihre HTML-Abstand - Geschütztes Leerzeichen - Single Pixel GIFs
Von Jennifer Kyrnin. Web-Design HTML Expert
Wenn Sie in einem Textverarbeitungsprogramm zu schreiben gewohnt sind, erscheint HTML mit weißen Raum willkürlich. Sie können Text nicht mit geraden HTML und Tabellenzellen einrücken wird nicht offen bleiben, wenn es nichts in ihnen.
Wie HTML Interpretiert White Space
Leerraum in HTML wird anders gehandhabt als in Textverarbeitungsprogrammen behandelt wird. Web-Browser Leerraum in HTML „kondensieren“. Das bedeutet, dass, wenn eine Webseite HTML interpretiert ein Leerzeichen angezeigt wird ( „‚) genau das gleiche wie mehrere Leerzeichen (‘“).
Lesen Sie weiter unten
Sehen Sie die HTML-Quelle hier, und Sie werden sehen, dass ich legte 6 Räume zwischen dem zweiten Satz von Anführungszeichen, aber Ihr Browser es genau das gleiche wie der erste Satz von Anführungszeichen mit nur einem Raum gemacht.
Und dies gilt nicht nur für Räume - Web-Browser kondensiert keine Leerzeichen, einschließlich Leerzeichen, Tabulatoren und Zeilenumbrüche (Zeilenumbrüche).
Wie bekommen Sie weißen Raum auf Ihren Web-Seiten? Es gibt mehrere Möglichkeiten:
Der non-breaking Raum ()
Der non-breaking Raum ist ein Zeichen-Entity von Browsern als weißer Raum erkannt, die Sie auf der Seite angezeigt werden sollen.
Es ist nicht viel mehr Platz, als würde durch ein Leerzeichen zwischen den Wörtern aufgenommen werden, aber oft ist es alles, was Sie brauchen.
Tabellenzellen können ziemlich seltsam aussehen, wenn Sie nicht den non-breaking Raum nutzen, um sie offen zu halten.
Zellen ohne die verschwinden können. Wenn eine Tabellenspalte nichts drin oder nur Leerzeichen in den Zellen hat, kollabieren einige Browser die Spalte nach unten zu nichts (auch wenn Sie eine Breite gesetzt).
Sie können auch die non-breaking Raum einrücken Text und Bildern eine kleine Menge verwenden. Es ist keine gute Idee, eine Menge in einer Reihe zu verwenden, da ältere Browser nicht mehr als einer nach dem anderen unterstützen.
Lesen Sie weiter unten
Allerdings, wenn Ihr Publikum nicht älteren Browser verwenden, können Sie 4 oder 5 in einer Reihe verwenden einen Einzug für einen neuen Absatz des Textes zu erhalten.
Der Einzel-Pixel GIF-Trick
Erste urkundliche von David Siegel, nutzt diesen Trick ein transparentes GIF-Bild, das 1 Pixel quadratisch ist. Sie dieses Bild nehmen und es ausstrecken Ihre HTML zu zwingen, den Weg legen Sie es wollen.
Um die einzelnen Pixel GIF zu verwenden, laden Sie es auf Ihrer Festplatte (halten Sie die Shift-Taste, während Sie auf den Link klicken), und fügen Sie es zu Ihrem HTML. Die einzelnen Pixel transparent GIF.
Weitere Informationen zum Hinzufügen von Bildern auf die Webseiten
Genau wie die non-breaking Raum, in diesen Tagen, es ist besser, den text-indent-Eigenschaft auf der ersten Zeile des Paragraphen eher als ein GIF-Einzelpixel mit CSS zu verwenden.