Wie setzt man Leerzeichen in HTML-Absatzelementen? Zusammenfassung der HTML-Bereichseinstellungen-HTML-Tutorial-php.cn

Heim

Web-Frontend

HTML-Tutorial

Wie setzt man Leerzeichen in HTML-Absatzelementen? Zusammenfassung der HTML-Bereichseinstellungen

寻∝梦

Sep 10, 2018 pm 01:40 PM

&nbsp;html空格

Sie möchten einige Leerzeichen in den in HTML zusammengefassten Absatzelementen belassen, aber die direkte Eingabe des Leerzeichens funktioniert definitiv nicht, da der Browser nur ein Leerzeichen anzeigt. Egal wie viele Leerzeichen Sie anklicken, es bleibt dasselbe , aber das heutige Leerzeichen Es kann Ihnen dabei vielleicht weiterhelfen. Zum Schluss gibt es noch die Rangfolge der drei Leerzeichen. Schauen wir uns diesen Artikel gemeinsam an

Schauen wir uns zunächst einmal an, wie man Leerzeichen im HTML-Absatzelement setzt:

Das kennt jeder in einem Wenn Sie im HTML-Absatz mehr Abstand zwischen Sätzen hinzufügen möchten, klicken Sie einfach auf ein Leerzeichen. In den meisten gängigen Browsern wird jedoch nur der Abstand eines kleinen Leerzeichens angezeigt, sodass beim Schreiben von Code das Leerzeichensymbol angezeigt wird Obwohl derzeit relativ wenige Leerzeichen verwendet werden, ist es im Hinblick auf die Detailverarbeitung am bequemsten, dieses Leerzeichen zu verwenden.

Jetzt schauen wir uns die Einstellung des Leerzeichens in einem Absatzelement an:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
</head>
<body>
<p>这里是PHP中文网；                                       这里是PHP中文网；这里是PHP中文网；
      这里是PHP中文网；这里是PHP中文网；这里是PHP中文网；这里是PHP中文网；这里是PHP中文网
；这里是PHP中文网；</p>
</body>
</html>

Der obige Code hinterlässt nach dem ersten Satz We eine große Leerzeile Welches hat einen größeren Abstand zwischen diesem und dem Leerzeichen, das ich später verwendet habe?

Sehen wir uns das im Browser angezeigte Rendering an:

Wie setzt man Leerzeichen in HTML-Absatzelementen? Zusammenfassung der HTML-Bereichseinstellungen

Wir können deutlich sehen, dass das erste so viele Leerzeichen verwendet. Der gestapelte Platz wird nur verwendet Zeigen Sie ein kleines Leerzeichen im Browser an. Der Effekt, das Leerzeichen danach anzuzeigen, ist viel besser, als das Leerzeichen selbst einzugeben. Das Leerzeichen wird plötzlich viel größer.

Natürlich möchten wir normalerweise keinen großen Raum leeren. Selbst wenn wir einen großen Raum leeren möchten, verwenden wir das Leerzeichen nicht. Heute sprechen wir über die Verwendung des Leerzeichens ganz zu schweigen davon, dass dieses Leerzeichen für einige faule Leute recht einfach zu verwenden ist. (Wenn Sie mehr sehen möchten, besuchen Sie die Spalte HTML Development Manual der PHP Chinese-Website, um mehr zu erfahren)

Werfen wir jetzt einen Blick darauf und es gibt zwei weitere Leerzeichen das Gleiche wie . Werfen wir einen Blick darauf:

: „en space“ ist nach der Maßeinheit der Typografie benannt und die Breite ist die Breite von zwei gewöhnlichen Leerzeichen

: „em space“ „Etwa so breit wie vier normale Leerzeichen

sind alles Leerzeichen, die keinen Einfluss auf Zeilenumbrüche haben. Sie werden etwas seltener genutzt, da sie manchmal größere Leerräume aufweisen.

Sehen wir uns die Unterschiede zwischen ihnen genauer an:

<body>
<p>这里是PHP中文网；&ensp;&ensp;&ensp;这里是PHP中文网；这里是PHP中文网；   这里是PHP中文网；这里是PHP中
文网；&emsp;&emsp;&emsp;这里是PHP中文网；这里是PHP中文网；这里是PHP中文网；这里是PHP中文网；</p>
</body>

Drei Leerzeichen wurden hinzugefügt, schauen wir uns den Effekt an:

Wie setzt man Leerzeichen in HTML-Absatzelementen? Zusammenfassung der HTML-Bereichseinstellungen

Drei Arten von Leerzeichen-Tags. Lassen Sie uns sie anhand des Anzeigebilds oben einstufen. Natürlich gibt es im Internet viele Leute, die dies bewerten, aber wir sagen unsere eigenen, um uns gerechter zu machen weiß es genau.

Jetzt werfen wir einen Blick auf die Rangliste gemäß dem Bild oben:

Der erste Platz, der mit dem größten Leerraum, ist natürlich , und Es ist offensichtlich, dass es sich bei allen um drei Leerzeichen handelt, was das größte ist.

Der zweite Platz, also der zweitgrößte Leerstand, ist , das ist der zweitgrößte Leerstand, fast doppelt so groß wie der letzte.

Das letzte ist natürlich das Leerzeichen, über das wir in diesem Kapitel sprechen. Obwohl der Leerraum klein ist, ist er an manchen Stellen dennoch sehr praktisch.

Okay, das war's für den heutigen Artikel über Leerzeichen. Wenn Sie mehr erfahren möchten, besuchen Sie die Spalte HTML-Referenzhandbuch auf der chinesischen PHP-Website, um mehr zu erfahren. Wenn Sie Fragen haben, können Sie diese unten stellen.

【Empfehlung des Herausgebers】

Kann das Padding-Attribut in CSS einen negativen Wert haben? Detaillierte Erklärung des Füllattributs in CSS

Was sind die CSS-Pseudoelemente? Detaillierte Einführung in CSS-Pseudoelemente (mit Beispielen)

Das obige ist der detaillierte Inhalt vonWie setzt man Leerzeichen in HTML-Absatzelementen? Zusammenfassung der HTML-Bereichseinstellungen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Verwandter Artikel

Was ist der Zweck von HTML -Tags?Apr 28, 2025 am 12:02 AM

Htmltagsareessentialstruktururingwebpages, Enhancing Accesessibility, SEO und Performance.1) IHREENCLOSEDINANGLEBRAKNETSANDINPAIRSTOCRATEAHIRACHICAL STRUCTURE.2) SemantictagagslikeAndimProveSexperiencaNDSEO.3) KreativetagslikeNeenNexperienceNDSEO.

Was sind selbstklingende Tags? Geben Sie ein Beispiel an.Apr 27, 2025 am 12:04 AM

SelfclosingTagsinhtmlandxmlaretagSthatclosethemselveswithoutneedingaseparateclosingTag, vereinfachte markupstructureAndenhancingCodingffizienz) Sie sindareessentialinxMlForelementsWhoutcontent, sichergestellt wurden

Jenseits von HTML: Wesentliche Technologien für die WebentwicklungApr 26, 2025 am 12:04 AM

Um eine Website mit leistungsstarken Funktionen und guten Benutzererfahrungen zu erstellen, reicht HTML allein nicht aus. Die folgende Technologie ist auch erforderlich: JavaScript verleiht Webseiten dynamisch und interaktiv, und Echtzeitänderungen werden durch den Betrieb von DOM erreicht. CSS ist für den Stil und das Layout der Webseite verantwortlich, um die Ästhetik und die Benutzererfahrung zu verbessern. Moderne Frameworks und Bibliotheken wie React, Vue.js und Angular verbessern die Entwicklungseffizienz und die Struktur der Codeorganisation.

Was sind Boolesche Attribute in HTML? Geben Sie einige Beispiele an.Apr 25, 2025 am 12:01 AM

Boolesche Attribute sind spezielle Attribute in HTML, die ohne Wert aktiviert werden. 1. Das boolesche Attribut steuert das Verhalten des Elements dadurch, ob es existiert oder nicht, z. B. deaktiviert das Eingabefeld. 2. Das Arbeitsprinzip besteht darin, das Elementverhalten gemäß der Existenz von Attributen zu ändern, wenn sich der Browser analysiert. 3. Die grundlegende Verwendung besteht darin, Attribute direkt hinzuzufügen, und die erweiterte Verwendung kann über JavaScript dynamisch gesteuert werden. 4. Häufige Fehler denken fälschlicherweise, dass Werte festgelegt werden müssen, und die richtige Schreibmethode sollte präzise sein. 5. Die beste Praxis ist es, den Code präzise zu halten und boolesche Eigenschaften vernünftig zu verwenden, um die Leistung und Benutzererfahrung von Webseiten zu optimieren.

Wie können Sie Ihren HTML -Code validieren?Apr 24, 2025 am 12:04 AM

HTML -Code kann mit Online -Validatoren, integrierten Tools und automatisierten Prozessen sauberer sein. 1) Verwenden Sie W3CmarkupValidationService, um den HTML -Code online zu überprüfen. 2) Installieren und konfigurieren Sie die HTMLHINT-Erweiterung in VisualStudioCode zur Echtzeitüberprüfung. 3) Verwenden Sie HTMLTIDY, um HTML -Dateien im Bauprozess automatisch zu überprüfen und zu reinigen.

HTML vs. CSS und JavaScript: Vergleich von WebtechnologienApr 23, 2025 am 12:05 AM

HTML, CSS und JavaScript sind die Kerntechnologien zum Erstellen moderner Webseiten: 1. HTML Definiert die Webseitenstruktur, 2. CSS ist für das Erscheinen der Webseite verantwortlich.

HTML als Markup -Sprache: seine Funktion und ihren ZweckApr 22, 2025 am 12:02 AM

Die Funktion von HTML besteht darin, die Struktur und den Inhalt einer Webseite zu definieren, und der Zweck besteht darin, eine standardisierte Möglichkeit zur Anzeige von Informationen bereitzustellen. 1) HTML organisiert verschiedene Teile der Webseite über Tags und Attribute wie Titel und Absätze. 2) Es unterstützt die Trennung von Inhalten und Leistung und verbessert die Wartungseffizienz. 3) HTML ist erweiterbar, sodass benutzerdefinierte Tags SEO verbessern können.

Die Zukunft von HTML, CSS und JavaScript: WebentwicklungstrendsApr 19, 2025 am 12:02 AM

Die zukünftigen Trends von HTML sind Semantik und Webkomponenten, die zukünftigen Trends von CSS sind CSS-in-JS und CssShudini, und die zukünftigen Trends von JavaScript sind WebAssembly und serverlos. 1. HTML -Semantik verbessern die Zugänglichkeits- und SEO -Effekte sowie Webkomponenten die Entwicklungseffizienz, aber der Browserkompatibilität sollte die Aufmerksamkeit geschenkt werden. 2. CSS-in-JS verbessert die Flexibilität des Stilmanagements, kann jedoch die Dateigröße erhöhen. CssShudini ermöglicht den direkten Betrieb des CSS -Renderings. 3.Webassembly optimiert die Browser -Anwendungsleistung, verfügt jedoch über eine steile Lernkurve, und serverloses vereinfacht die Entwicklung, erfordert jedoch eine Optimierung von Kaltstartproblemen.

See all articles