Què és pre en estil CSS? El paper de les etiquetes de codi d'embolcall previ en HTML

fem servirLloc web de WordPressNecessites aprendre alguns conceptes bàsics de CSS i HTML:

• A causa dels fitxers d'estil CSS d'alguns temes de WordPress, no s'afegeixen els estils d'etiquetes pre i codi.
• La majoria dels navegadors admeten actualmentsenyal.

HTML  Exemple d'etiquetes

El següent és l'estil CSS de l'etiqueta prèvia (que pot embolicar automàticament el codi 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;
}

El següent és l'estil CSS de l'etiqueta de codi ▼

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

Instruccions:

• Copieu les etiquetes CSS anteriors al tema de WordPress style.css a l'arxiu.

Funció HTML prèvia a l'etiqueta i instruccions d'ús

• Les etiquetes defineixen el text preformatat.
• En els elements de marcatge, el text contingut normalment deixa espais i salts de línia.
• El text també es mostrarà en lletra monoespai.

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

Si voleu col·locar el format de text especificat en HTML, heu d'aprofitar l'atribut de l'element principal.

Consells i instruccions

pista:Un ús comú de les etiquetes és representar el codi font d'un ordinador.

Diferències entre HTML 4.01 i HTML5

A HTML 4.01, l'atribut "amplada" està obsolet i no es pot utilitzar. HTML5 no admet l'atribut "amplada".

Atribut

Descripció del valor de la propietat

• El número d'amplada HTML5 no admet aquest atribut.
• Aquest atribut està obsolet a HTML 4.01.
• Defineix el nombre màxim de caràcters per línia (normalment 40,80, 132 o XNUMX).

propietats globals

• <pre>L'etiquetatge admet propietats globals i consulteu les propietats globals HTML del full de propietats complet.

Propietats de l'esdeveniment

• Les etiquetes admeten tots els atributs d'esdeveniment HTML.