Kedu ihe bụ pre na CSS style? Ọrụ nke mkpado koodu mkpuchi tupu na HTML

Iji wuo weebụsaịtị site na iji WordPress, anyị kwesịrị ịmụta ụfọdụ isi CSS na HTML:

• N'ihi faịlụ ụdị CSS nke ụfọdụ gburugburu WordPress, etinyeghị ụdị mkpado mbụ na koodu.
• Ọtụtụ ihe nchọgharị na-akwado ugbu aakara.

HTML  Ihe atụ akara

Nke a bụ ụdị CSS nke akara mkpado mbụ (nke nwere ike kechie koodu HTML ozugbo) ▼

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

Nke a bụ ụdị CSS nke mkpado koodu ▼

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

Gbanwee:

• Biko detuo mkpado CSS ndị dị n'elu na isiokwu WordPress style.css na faịlụ.

HTML tupu mkpado ọrụ na ntuziaka ojiji

• Akara aha na-akọwapụta ederede emeziri.
• N'ime ihe nrịba ama, ederede dị n'ime na-ahapụkarị oghere na nkwụsịtụ ahịrị.
• A ga-egosipụtakwa ederede na mkpụrụedemede monospaced.

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

Ọ bụrụ na ịchọrọ idowe usoro ederede akọwapụtara na HTML, ịkwesịrị iji uru nke àgwà mmewere na-eduga.

Ndụmọdụ na ntuziaka

ndumodu:A na-ejikarị mkpado eme ihe bụ ịnọchite anya koodu isi mmalite nke kọmputa.

Ọdịiche dị n'etiti HTML 4.01 na HTML5

Na HTML 4.01, njirimara "obosara" emebiela na enweghị ike iji ya. HTML5 anaghị akwado njirimara "obosara".

Mmetụta

Nkọwa uru ihe onwunwe

• Nọmba obosara HTML5 anaghị akwado njirimara a.
• Akwụsịla àgwà a na HTML 4.01.
• Na-akọwapụta ọnụọgụ mkpụrụedemede kachasị n'otu ahịrị (na-abụkarị 40,80, 132 ma ọ bụ XNUMX).

Njirimara zuru ụwa ọnụ

• <pre>Markup na-akwado njirimara zuru ụwa ọnụ, wee hụ akwụkwọ ihe onwunwe zuru oke àgwà HTML zuru ụwa ọnụ.

Njirimara omume

• Mkpado na-akwado njirimara mmemme HTML niile.