Que é pre en estilo CSS? O papel das etiquetas de código de envoltura previa en HTML

usamosSitio web de WordPressNecesitas aprender algúns conceptos básicos de CSS e HTML:

• Debido aos ficheiros de estilo CSS dalgúns temas de WordPress, non se engaden os estilos de etiquetas pre e código.
• A maioría dos navegadores admiten actualmentemarca.

HTML  Exemplo de etiqueta

O seguinte é o estilo CSS da etiqueta pre (que pode envolver automaticamente o código 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;
}

O seguinte é o estilo CSS da etiqueta de código ▼

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

Instrucións:

• Copia as etiquetas CSS anteriores ao tema de WordPress style.css no ficheiro.

Función de pre-etiqueta HTML e instrucións de uso

• As etiquetas definen o texto preformateado.
• Nos elementos de marcado, o texto contido normalmente deixa espazos e saltos de liña.
• O texto tamén se mostrará en letra monoespazo.

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

Se queres colocar o formato de texto especificado en HTML, cómpre aproveitar o atributo do elemento principal.

Consellos e instrucións

suxestión:Un uso común das etiquetas é representar o código fonte dun ordenador.

Diferenzas entre HTML 4.01 e HTML5

En HTML 4.01, o atributo "width" está en desuso e non se pode usar. HTML5 non admite o atributo "width".

atributo

Descrición do valor da propiedade

• O número de ancho HTML5 non admite este atributo.
• Este atributo está obsoleto en HTML 4.01.
• Define o número máximo de caracteres por liña (normalmente 40,80, 132 ou XNUMX).

propiedades globais

• <pre>O marcado admite atributos globais e consulta os atributos globais HTML da folla de propiedades completa.

Propiedades do evento

• As etiquetas admiten todos os atributos de eventos HTML.