Hvad er pre i CSS-stil? Rollen af ​​pre wrapping kode tags i HTML

vi brugerWordPress hjemmesideHar du brug for at lære noget grundlæggende om CSS og HTML:

• På grund af CSS-stilfilerne for nogle WordPress-temaer tilføjes pre- og kode-tag-stilene ikke.
• De fleste browsere understøtter i øjeblikketmærke.

HTML  Etiketeksempel

Følgende er CSS-stilen for pre-tagget (som automatisk kan ombryde html-koden) ▼

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;
}

Følgende er CSS-stilen for kodetagget ▼

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

Instruktioner:

• Kopier venligst ovenstående CSS-tags til WordPress-temaet style.css i filen.

HTML pre tag funktion og brugsanvisninger

• Etiketter definerer forudformateret tekst.
• I markup-elementer efterlader den indeholdte tekst normalt mellemrum og linjeskift.
• Teksten vil også blive vist i monospace skrifttype.

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

Hvis du vil placere det angivne tekstformat i HTML, skal du udnytte det førende elements attribut.

Tips og instruktioner

antydning:En almindelig brug af tags er at repræsentere kildekoden på en computer.

Forskelle mellem HTML 4.01 og HTML5

I HTML 4.01 er "width"-attributten forældet og kan ikke bruges. HTML5 understøtter ikke "width"-attributten.

Egenskab

Ejendomsværdibeskrivelse

• Breddenummer HTML5 understøtter ikke denne attribut.
• Denne attribut er forældet i HTML 4.01.
• Definerer det maksimale antal tegn pr. linje (normalt 40,80, 132 eller XNUMX).

globale ejendomme

• <pre>Markup understøtter globale egenskaber, og se hele ejendomsarket HTML globale egenskaber.

Hændelsesegenskaber

• Tags understøtter alle HTML-hændelsesattributter.