Che cos'è il pre in stile CSS? Il ruolo dei tag di codice di pre wrapping in HTML

noi usiamoSito Web WordPressNecessità di apprendere alcune nozioni di base di CSS e HTML:

• A causa dei file di stile CSS di alcuni temi WordPress, gli stili pre e code tag non vengono aggiunti.
• La maggior parte dei browser attualmente supportamarchio.

HTML  Esempio di etichetta

Quello che segue è lo stile CSS del pre tag (che può avvolgere automaticamente il codice 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;
}

Quello che segue è lo stile CSS del tag codice ▼

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

Come usare:

• Si prega di copiare i tag CSS di cui sopra sul tema WordPress style.css nel file.

Funzione pre tag HTML e istruzioni per l'uso

• Le etichette definiscono il testo preformattato.
• Negli elementi di markup, il testo contenuto di solito lascia spazi e interruzioni di riga.
• Il testo verrà visualizzato anche con caratteri a spaziatura fissa.

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

Se vuoi inserire il formato di testo specificato in HTML, devi sfruttare l'attributo dell'elemento principale.

Suggerimenti e istruzioni

suggerimento:Un uso comune dei tag è rappresentare il codice sorgente di un computer.

Differenze tra HTML 4.01 e HTML5

In HTML 4.01, l'attributo "width" è deprecato e non può essere utilizzato. HTML5 non supporta l'attributo "width".

attributo

Descrizione del valore della proprietà

• Il numero di larghezza HTML5 non supporta questo attributo.
• Questo attributo è deprecato in HTML 4.01.
• Definisce il numero massimo di caratteri per riga (in genere 40,80, 132 o XNUMX).

proprietà globali

• <pre>Il markup supporta gli attributi globali e visualizza gli attributi globali HTML del foglio delle proprietà completo.

Proprietà dell'evento

• I tag supportano tutti gli attributi degli eventi HTML.