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

Per creare un sito web con WordPress, dobbiamo imparare le basi 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.