O que é pré no estilo CSS? O papel das tags de código de pré-empacotamento em HTML

Para criar um site usando o WordPress, precisamos aprender alguns conceitos básicos de CSS e HTML:

• Devido aos arquivos de estilo CSS de alguns temas do WordPress, os estilos pré e de tag de código não são adicionados.
• A maioria dos navegadores atualmente suportamarca.

HTML  Exemplo de rótulo

A seguir está o estilo CSS da tag 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 tag de código ▼

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

Uso:

• Por favor, copie as tags CSS acima para o tema WordPress style.css no arquivo.

Função de pré-tag HTML e instruções de uso

• Os rótulos definem o texto pré-formatado.
• Nos elementos de marcação, o texto contido geralmente deixa espaços e quebras de linha.
• O texto também será exibido em fonte monoespaçada.

A marcação é frequentemente标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

Se você deseja colocar o formato de texto especificado em HTML, você precisa aproveitar o atributo do elemento principal.

Dicas e instruções

dica:Um uso comum de tags é representar o código-fonte de um computador.

Diferenças entre HTML 4.01 e HTML5

No HTML 4.01, o atributo "width" está obsoleto e não pode ser usado. HTML5 não suporta o atributo "width".

Atributo

Descrição do valor da propriedade

• O número de largura HTML5 não suporta este atributo.
• Este atributo está obsoleto no HTML 4.01.
• Define o número máximo de caracteres por linha (geralmente 40,80, 132 ou XNUMX).

propriedades globais

• <pre>A marcação suporta atributos globais e veja os atributos globais HTML da folha de propriedades completa.

Propriedades do evento

• As tags suportam todos os atributos de evento HTML.