Was ist Pre im CSS-Stil? Die Rolle von Pre-Wrapping-Code-Tags in HTML

wir gebrauchenWordPress-WebsiteSie müssen einige Grundlagen von CSS und HTML lernen:

• Aufgrund der CSS-Stildateien einiger WordPress-Themes werden die Pre- und Code-Tag-Stile nicht hinzugefügt.
• Die meisten Browser unterstützen derzeitKennzeichen.

HTML  Beispiel Etiketten

Das Folgende ist der CSS-Stil des Pre-Tags (der den HTML-Code automatisch umschließen kann) ▼

pre {
border: 1px solid #d1d1d1;
line-height: 190%;
margin: 0 0 1.75em;
max-width: 100%;
overflow: auto;
padding: 15px;
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}

Das Folgende ist der CSS-Stil des Code-Tags ▼

code {
background: #f1f1f1;
color: #555;
margin: 0 2px;
padding: 2px 4px;
border-radius: 2px;
}

Verwendung:

• Bitte kopieren Sie die obigen CSS-Tags in das WordPress-Theme style.css in der Datei.

HTML-Pre-Tag-Funktion und Gebrauchsanweisungen

• Labels definieren vorformatierten Text.
• In Markup-Elementen lässt der enthaltene Text in der Regel Leerzeichen und Zeilenumbrüche.
• Der Text wird auch in Monospaced-Schrift angezeigt.

Markup wird häufig标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

Wenn Sie das angegebene Textformat in HTML platzieren möchten, müssen Sie sich das Attribut des führenden Elements zunutze machen.

Tipps und Anleitungen

Hinweis:Eine übliche Verwendung von Tags ist die Darstellung des Quellcodes eines Computers.

Unterschiede zwischen HTML 4.01 und HTML5

In HTML 4.01 ist das Attribut „width“ veraltet und kann nicht verwendet werden. HTML5 unterstützt das Attribut „Breite“ nicht.

属性

Beschreibung des Immobilienwerts

• Breitenzahl HTML5 unterstützt dieses Attribut nicht.
• Dieses Attribut ist in HTML 4.01 veraltet.
• Definiert die maximale Anzahl von Zeichen pro Zeile (normalerweise 40,80, 132 oder XNUMX).

globale Eigenschaften

• <pre>Markup unterstützt globale Attribute und zeigt die vollständigen globalen HTML-Attribute des Eigenschaftsblatts an.

Ereigniseigenschaften

• Tags unterstützen alle HTML-Ereignisattribute.