Wat is pre in CSS-styl? Die rol van pre-wrap code tags in HTML

Om 'n webwerf met WordPress te bou, moet ons 'n paar basiese CSS en HTML leer:

• As gevolg van die CSS-styllêers van sommige WordPress-temas, word die voor- en kodemerkerstyle nie bygevoeg nie.
• Die meeste blaaiers ondersteun tansmerk.

HTML  Etiket voorbeeld

Die volgende is die CSS-styl van die pre tag (wat outomaties die HTML-kode kan omvou) ▼

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

Die volgende is die CSS-styl van die kodemerker ▼

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

instruksies:

• Kopieer asseblief die bogenoemde CSS-etikette na die WordPress-tema style.css in die lêer.

HTML pre tag funksie en gebruiksinstruksies

• Etikette definieer vooraf geformateerde teks.
• In opmaakelemente laat die vervatte teks gewoonlik spasies en reëlbreuke.
• Die teks sal ook in monospasie font vertoon word.

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

As jy die gespesifiseerde teksformaat in HTML wil plaas, moet jy voordeel trek uit die hoofelement se kenmerk.

Wenke en instruksies

wenk:'n Algemene gebruik van etikette is om die bronkode van 'n rekenaar voor te stel.

Verskille tussen HTML 4.01 en HTML5

In HTML 4.01 is die "width"-kenmerk afgekeur en kan dit nie gebruik word nie. HTML5 ondersteun nie die "width"-kenmerk nie.

kenmerk

Eiendomswaarde beskrywing

• Breedtenommer HTML5 ondersteun nie hierdie kenmerk nie.
• Hierdie kenmerk word in HTML 4.01 opgeskort.
• Definieer die maksimum aantal karakters per reël (gewoonlik 40,80, 132 of XNUMX).

globale eiendomme

• <pre>Markup ondersteun globale eienskappe, en sien die volledige eiendomsblad HTML globale eienskappe.

Gebeurtenis eiendomme

• Merkers ondersteun alle HTML gebeurtenis eienskappe.