Hva er pre i CSS-stiler? Rollen til pre-innpakning av kodekoder i HTML

vi brukerWordPress nettstedTrenger å lære litt grunnleggende om CSS og HTML:

• På grunn av CSS-stilfilene til noen WordPress-temaer, legges ikke pre- og kodetag-stilene til.
• De fleste nettlesere støtter for øyeblikketmerke.

HTML  Etiketteksempel

Følgende er CSS-stilen til pre-taggen (som automatisk kan pakke inn 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 til kodekoden ▼

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

Bruksanvisning:

• Vennligst kopier de ovennevnte CSS-taggene til WordPress-temaet style.css i filen.

HTML pre tag funksjon og bruksinstruksjoner

• Etiketter definerer forhåndsformatert tekst.
• I markup-elementer etterlater den inneholdte teksten vanligvis mellomrom og linjeskift.
• Teksten vil også vises i skrift med monospace.

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

Hvis du vil plassere det angitte tekstformatet i HTML, må du dra nytte av det ledende elementets attributt.

Tips og instruksjoner

hint:En vanlig bruk av tagger er å representere kildekoden til en datamaskin.

Forskjeller mellom HTML 4.01 og HTML5

I HTML 4.01 er "width"-attributtet utdatert og kan ikke brukes. HTML5 støtter ikke "width"-attributtet.

Egenskap

Eiendomsverdibeskrivelse

• Breddenummer HTML5 støtter ikke dette attributtet.
• Dette attributtet er utdatert i HTML 4.01.
• Definerer maksimalt antall tegn per linje (vanligvis 40,80, 132 eller XNUMX).

globale eiendommer

• <pre>Markup støtter globale attributter, og se hele egenskapsarket HTML globale attributter.

Hendelsesegenskaper

• Tagger støtter alle HTML-hendelsesattributter.