Die Struktur fast aller Websites, die wir im Web finden und verwenden, wurde mit HTML erstellt, einem standardisierten System zur Kategorisierung von Textdateien. Seitenumbrüche, Absätze, starke Buchstaben, Kursivschrift und andere Funktionen werden alle mithilfe von HTML hinzugefügt. Durch den Einsatz von Tags, die Browsern Anweisungen zum Umgang mit Inhalten geben, hilft HTML dabei, diese Struktur zu erstellen.
Beispielsweise würden wir ein Wort zwischen den Tags strong>bold/strong> platzieren, damit es fett erscheint. Das öffnende Tag (/) gibt an, wo die Fettschrift enden soll, während das erste Tag (/) angibt, wo die Fettschrift beginnen soll. Es dient als Grundlage für die meisten Webseiten. Dies ist also der richtige Ausgangspunkt, wenn Sie das Programmieren lernen möchten.
So fügen Sie Leerzeichen in HTML hinzu
Über ein einzelnes Leerzeichen zwischen Wörtern hinaus werden alle Leerzeichen, die wir in HTML-Text zur Anzeige in einem Browser eingeben, ignoriert. Daher müssen wir die gewünschten Leerzeichen in unserem Dokument programmieren. Jeder Textzeile kann in HTML Leerzeichen hinzugefügt werden. Mithilfe des HTML-Objekts können wir beispielsweise Leerzeichen in Tabellen- und Absatzinhalte einfügen. Da in HTML kein Tastaturbuchstabe für ein Leerzeichen vorhanden ist, müssen wir die Entität eingeben, um jedes Leerzeichen hinzuzufügen.
Es mag einfach erscheinen, aber das Hinzufügen von Platz zu unserem HTML könnte eine Herausforderung sein. Es gibt mindestens fünf verschiedene Ansätze, dies zu beheben.
Im Laufe dieser Schulung werden wir viele Beispiele sehen. Es wird auch gezeigt, wie komplexere Raumformen genutzt werden können.
SQL-Server-Pivot
All dies ist in einfachem HTML ohne den Einsatz von CSS möglich. Beachten Sie jedoch, dass das Hinzufügen von Platz zu Ihrem HTML-Code am besten über CSS erfolgt.
Wie sieht ein ASCII-Leerzeichen aus?
Der Raum wird durch das ASCII-Symbol 20 dargestellt. Dies ist jedoch lediglich die akzeptierte Praxis.
Es gibt fünf verschiedene Arten von Leerzeichen, die Sie in HTML verwenden können. Für das ungeübte Auge erscheinen sie identisch, obwohl sie etwas unterschiedliche Funktionen haben.
Eine weitere Option ist das Tabulatorzeichen, das das Drücken der Tabulatortaste auf einer Tastatur simuliert. Ein weiteres Beispiel ist das Wagenrücklaufzeichen, das das Drücken der Eingabetaste auf einer Tastatur simuliert.
Geschützter Raum:
Im Weltraum:
Em-Leerzeichen:
Dünner Raum:
Standardraum:
Neue Zeile (Rückkehr):
Tabulatorzeichen:
Die linke Seite stellt die dar Charakter , und die rechte Seite stellt die dar HTML Quelltext.
Wie breit ist ein Charakter im Weltraum?
Für Leerzeichen gibt es vier Standardbreiten:
Was bedeutet das Leerzeichen in HTML?
ist die am weitesten verbreitete HTML-Entität.
Arraylist Java
Damit dieser Text eine Lücke füllt, versuchen Sie, ihn zu werfen.
Stellen wir uns zum Beispiel vor, dass wir nach einer Phrase zwei Leerzeichen hinzufügen möchten, aber die Website-Rendering-Engine eliminiert eines der Leerzeichen von selbst. Um zwei Leerzeichen hinzuzufügen, können wir möglicherweise eingeben
Leerzeichen: Was ist das?
Nicht sichtbare Zeichen werden als Leerzeichen bezeichnet. Sie bestehen aus:
- Räume,
- Registerkarten und
- Zeilenumbrüche (Wagenrücklauf, Zeilenvorschub oder beides),
Warum ist das entscheidend?
Diese Buchstaben sind beispielsweise in einem Textverarbeitungsprogramm nicht sichtbar, wirken sich jedoch auf den Platz und die Formatierung des Textes aus. Der Browser fasst zahlreiche Leerzeichen in HTML zu einem einzigen Leerzeichen zusammen, was sich von anderen Auszeichnungssprachen unterscheidet.
Zwischen den Wörtern in diesem HTML-Code stehen mehrere Leerzeichen und jede Zeile endet mit CRLF-Zeichen (Carriage Return, Linefeed). Alle Leerzeichen werden vom Browser ausgeblendet.
Beispiel
Gute Dinge brauchen mehr Zeit.
Ausgabe:
Leerzeichen einfügen
- Verwenden Sie das geschützte Leerzeichen ( ) des Textes, um mehr Abstand zu schaffen.
- Die CSS-Padding-Eigenschaft kann unter verschiedenen Umständen verwendet werden, um den Platz innerhalb eines Elements zu vergrößern.
- Das CSS-Margin-Attribut ermöglicht das Hinzufügen von zusätzlichem Platz um ein Element.
Obwohl geschützte Leerzeichen nützlich sind, sollten sie nicht übermäßig verwendet werden, da dies die Darstellung des Materials in Browsern beeinträchtigen könnte. Darüber hinaus sollten Sie davon absehen, geschützte Leerzeichen für Stilzwecke wie das Einrücken oder Zentrieren eines Elements auf einer Webseite zu verwenden. Stilistische Anforderungen sollten stattdessen über CSS abgewickelt werden.
Zusätzlich zur Entität unterstützt HTML auch die folgenden zusätzlichen Entitäten für zahlreiche angrenzende Leerzeichen:
Die Zeichenentität wird zur Darstellung eines Leerzeichens verwendet. En ist eine Maßeinheit, die 8 Pixel oder der Hälfte der Breite eines Gevierts (16 Pixel) entspricht.
Die Syntax für einen Leerraum zwischen Inhalten lautet Hier ist ein Beispiel für die Verwendung der HTML-Entität &ensp:
Hier ist ein Beispiel für die en Raum Entität.
Hardcover vs. Taschenbuch
Ausgabe:
Die Entität wird im obigen Beispiel verwendet, um Leerzeichen in HTML einzufügen, und ihre Breite beträgt 8 Pixel. Sie können auch an mehreren benachbarten Standorten eingesetzt werden.
Formatierung und Abstände beibehalten
Wenn Sie die festgelegte Formatierung und Abstände beibehalten möchten, haben Sie zwei Möglichkeiten:
- Hinzufügen von HTML-Formatierung und Leerzeichen
- Verwendung einer
tag.
Verwendung eines „pre“-Tags
Diese Ergebnisse entstehen durch den Austausch der
Tag für die
tag:
Beispiel
pre> Good things take more time
Ausgabe:
Ja das
tag keeps the formatting as it was originally, but it also switches to a monospaced typeface. All of these can be fixed; however, using the <pre> tag isn't always the best option. HTML spacing is a more popular method.</pre>
Hinzufügen von HTML-Formatierung und Leerzeichen
Alternativ können wir HTML-Elemente und Symbole wie die folgenden einbinden:
Gute Dinge werden es tun
nimm dir mehr Zeit.
Ausgabe:
Ein Zeilenumbruch ist erforderlich
Element.
Geschützter Raum:
Der Browser reduziert Leerzeichen, die mit dem geschützten Leerzeichen () hinzugefügt wurden, nicht.
Java erhält das aktuelle Datum
Darüber hinaus verhindert es, wie der Name schon sagt, dass der Browser dort zwei Wörter zerbricht.
Gute Dinge brauchen mehr Zeit.
Ausgabe:
In diesem Modell werden am Anfang des Textes 10 Leerzeichen hinzugefügt. Ein weiteres wird zwischen ' dauert ', das aufgrund von Platzbeschränkungen beim Satzumbruch nicht isoliert wird.
Das Padding-Attribut
Der Innenraum eines Elements wird mit dem CSS-Padding-Attribut vergrößert.
Es werden Werte im Bereich von eins bis vier angenommen, beginnend oben, rechts, unten und rechts.
Der 'div' Das Element hat auf allen Seiten einen Abstand von 20 Pixeln.
Inner spacing is 20px with a div attribute
Ausgabe:
Das Margin-Attribut
- Mit dem CSS-Margin-Attribut wird zusätzlicher Platz um das Element hinzugefügt.
- Es werden Werte im Bereich von eins bis vier angenommen, beginnend oben, rechts, unten und rechts.
Der 'div' Das Element hat auf allen Seiten einen Rand von 40 Pixeln.
Outer spacing is 20px using the div and margin attribute
Ausgabe:
Polsterung vs. Rand
- Sowohl Polsterung als auch Rand vergrößern den Platz eines Elements.
- Die Polsterung hinterlässt einen Hohlraum, der als Bestandteil des Elements betrachtet wird.
- Der vom Rand geschaffene Raum wird als außerhalb der Grenzen des Elements vorhanden angesehen.
- Der Klickbereich, die Hintergrundfarben und andere Attribute der Website werden von dieser Variation beeinflusst.
Man könnte glauben, dass das Hinzufügen von Leerzeichen in HTML so einfach ist, wie das kontinuierliche Drücken der Leertaste. Aber so laufen die Dinge einfach nicht. Durch mehrmaliges Drücken der Leertaste werden keine weiteren Leerzeichen in der Nähe hinzugefügt, wie dies in einem Textdokument der Fall wäre. Wenn wir dies in HTML tun, kombiniert der Browser alle Leerzeichen in der Nähe zu einem. Um zu veranschaulichen, was passiert, wenn wir in HTML mehrere Leerzeichen verwenden, schauen wir uns ein Beispiel an:
Nachdem wir die Leertaste mehrmals verwendet haben, können wir keine weiteren Leerzeichen hinzufügen
Ausgabe:
Durch wiederholtes Drücken der Leertaste in HTML, wie im Beispiel oben zu sehen ist, versuchen wir, zahlreiche aufeinanderfolgende Leerzeichen in eine Webseite einzufügen. Allerdings stellen Browser mehrere benachbarte Leerzeichen als ein einzelnes Leerzeichen dar und ignorieren Leerzeichen vor, nach und außerhalb von Komponenten. Das Phänomen ist als Whitespace-Kollaps bekannt. Obwohl das Reduzieren von Leerzeichen manchmal störend sein kann, gibt es mehrere Techniken, um sowohl in HTML als auch in CSS mehr Leerzeichen hinzuzufügen (kaskadierende Stylesheets).
&Ampere;
Die Zeichenentität wird zur Darstellung des Geviertraums verwendet. Die Breite eines Em, die 16 Pixel beträgt, entspricht einem Empp.
Die Syntax für Geviert-Leerzeichen im Text lautet: Hier ist ein Beispiel für die Verwendung der HTML-Entität &emsp:
Hier ist ein Beispiel für diese Raumentität.
Ausgabe
Die Entität wird im obigen Beispiel verwendet, um Leerzeichen in HTML einzufügen, und ihre Breite beträgt 16 Pixel. Sie können auch in mehreren angrenzenden Räumen eingesetzt werden.
&dünnsp
Die Zeichenentität wird zur Darstellung des dünnen Raums verwendet, der oft als schmaler Raum bezeichnet wird. Ein Sechstel eines Gevierts ist die Breite eines &
Thin Space wird in der Syntax als Zwischeninhalt geschrieben. Hier ist ein Beispiel für die Verwendung der HTML-Entität ' '
Dies ist ein Beispiel für eine Thin-Space-Entität.
Ausgabe
Die Entität wird im obigen Beispiel verwendet, um dünne Leerzeichen zu HTML hinzuzufügen, und ihre Breite beträgt ein Sechstel eines Gevierts. Sie werden auch in mehreren angrenzenden Räumen verwendet.
Wie finde ich versteckte Apps auf Android?
Unten ist eine ASCII-Grafik von „Hi“. # # ##### # # # ##### # # # # # # # # # #####
Ausgabe:
Die Vorteile der Verwendung von Leerzeichen
Warum ist Leerzeichen wichtig?
Leerraum ist meiner Meinung nach als Designer der Grundbaustein für gutes Design. Designer beziehen sich auf den Negativraum oder den Raum zwischen Teilen in einer Komposition, wenn sie den Begriff „Leerraum“ verwenden. Dabei handelt es sich um den Leerraum zwischen Grafiken, Rändern und Bundstegen auf einer Seite, der mit nichts markiert wurde. Durch den Abstand zwischen Spalten, Textzeilen und Abbildungen erhält das Auge eine visuelle Atemfläche.
Es gibt einen zwingenden Grund, warum Leerräume ein entscheidender Bestandteil des Designs sind. Es kann das Design unserer Website revolutionieren und ihr bei richtiger Anwendung mehrere Vorteile bieten. Wir müssen Layouts erstellen und erstellen, die dem Auge gefallen und die Leser zum Weitermachen anregen. Wenn wir für das Web entwerfen, ist es wichtig, stets im Hinterkopf zu behalten, dass die Bereitstellung eines fantastischen Produkts für unsere Kunden unsere Priorität ist.
Leerzeichen können verwendet werden, um einen Leser von einem Element zum anderen zu führen, Harmonie und Ausgewogenheit zu schaffen und dabei zu helfen, ein Design zu kennzeichnen. Unser Hauptziel besteht darin, die Website einfach und klar zu gestalten und Inhalte bereitzustellen, die unseren Benutzern gefallen und geschätzt werden. Whitespace ist nicht nur ein „leerer“ Raum; Es handelt sich um ein Designmerkmal, das die Existenz der Elemente auf der Seite ermöglicht. Der Bereich schafft einen Ausgleich und dient als ständige Erinnerung daran, dass es wunderschöne Designs gibt. Um eine klare Botschaft zu vermitteln, müssen wir kein Layout erstellen, das mit Text und Grafiken überladen ist.