Ce este pre în stilul CSS? Rolul etichetelor de cod pre wrapping în HTML

folosimSite WordPressTrebuie să înveți câteva elemente de bază ale CSS și HTML:

• Datorită fișierelor de stil CSS ale unor teme WordPress, stilurile de etichetă pre și cod nu sunt adăugate.
• Majoritatea browserelor acceptă în prezentmarcă.

HTML  Exemplu de etichetă

Următorul este stilul CSS al etichetei pre (care poate împacheta automat codul html) ▼

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

Următorul este stilul CSS al etichetei de cod ▼

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

Instrucțiuni:

• Vă rugăm să copiați etichetele CSS de mai sus în tema WordPress style.css în dosar.

Funcția HTML preetichetă și instrucțiuni de utilizare

• Etichetele definesc textul preformatat.
• În elementele de marcare, textul conținut lasă de obicei spații și întreruperi de rând.
• Textul va fi afișat și în font monospațial.

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

Dacă doriți să plasați formatul de text specificat în HTML, trebuie să profitați de atributul elementului principal.

Sfaturi și instrucțiuni

aluzie:O utilizare comună a etichetelor este reprezentarea codului sursă al unui computer.

Diferențele dintre HTML 4.01 și HTML5

În HTML 4.01, atributul „lățime” este depreciat și nu poate fi utilizat. HTML5 nu acceptă atributul „width”.

atribut

Descrierea valorii proprietății

• Numărul de lățime HTML5 nu acceptă acest atribut.
• Acest atribut este depreciat în HTML 4.01.
• Definește numărul maxim de caractere pe linie (de obicei 40,80, 132 sau XNUMX).

proprietăți globale

• <pre>Markup acceptă atribute globale și vedeți atributele globale HTML din foaia de proprietăți completă.

Proprietățile evenimentului

• Etichetele acceptă toate atributele de eveniment HTML.