Vad är pre i CSS-stil? Rollen av förinpackning av kodtaggar i HTML

vi använderWordPress webbplatsBehöver lära dig några grunder i CSS och HTML:

• På grund av CSS-stilfilerna för vissa WordPress-teman läggs inte pre- och kodtaggstilarna till.
• De flesta webbläsare stöder för närvarandemärke.

html  Etikettexempel

Följande är CSS-stilen för pre-taggen (som automatiskt kan slå in html-koden) ▼

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;
}

Följande är CSS-stilen för kodtaggen ▼

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

Instruktioner:

• Kopiera ovanstående CSS-taggar till WordPress-temat style.css i filen.

HTML pre-tagg funktion och användningsinstruktioner

• Etiketter definierar förformaterad text.
• I uppmärkningselement lämnar den inneslutna texten vanligtvis mellanslag och radbrytningar.
• Texten kommer också att visas i teckensnitt med monospace.

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

Om du vill placera det angivna textformatet i HTML måste du dra nytta av det ledande elementets attribut.

Tips och instruktioner

ledtråd:En vanlig användning av taggar är att representera källkoden för en dator.

Skillnader mellan HTML 4.01 och HTML5

I HTML 4.01 är attributet "width" föråldrat och kan inte användas. HTML5 stöder inte attributet "width".

Attribut

Fastighetsvärdebeskrivning

• Breddnummer HTML5 stöder inte detta attribut.
• Det här attributet är föråldrat i HTML 4.01.
• Definierar det maximala antalet tecken per rad (vanligtvis 40,80, 132 eller XNUMX).

globala egenskaper

• <pre>Markup stöder globala attribut och se hela egenskapsbladet HTML globala attribut.

Händelseegenskaper

• Taggar stöder alla HTML-händelseattribut.