Yini i-pre ngesitayela se-CSS? Indima yomaka bekhodi yokugoqa ngaphambili ku-HTML

Ukuze sakhe iwebhusayithi sisebenzisa i-WordPress, sidinga ukufunda i-CSS ne-HTML eyisisekelo:

• Ngenxa yamafayela esitayela se-CSS kwezinye izingqikithi ze-WordPress, izitayela zamathegi zangaphambi nekhodi azengeziwe.
• Iziphequluli eziningi okwamanje ziyasekelaumaka.

i-HTML  Isibonelo selebula

Okulandelayo isitayela se-CSS sethegi yangaphambili (engakwazi ukugoqa ngokuzenzakalelayo ikhodi ye-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;
}

Okulandelayo isitayela se-CSS sethegi yekhodi ▼

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

Imiyalo:

• Sicela ukopishe omaka be-CSS abangenhla kutimu ye-WordPress style.css kufayela.

Umsebenzi we-HTML pre tag kanye nemiyalelo yokusetshenziswa

• Amalebula achaza umbhalo ofomethwe kusengaphambili.
• Ezicini zokumaka, umbhalo oqukethwe ngokuvamile ushiya izikhala nokuhlukana kwemigqa.
• Umbhalo uzophinde ukhonjiswe ngefonti ene-monospace.

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

Uma ufuna ukubeka ifomethi yombhalo eshiwo ku-HTML, udinga ukusizakala ngesibaluli se-elementi eholayo.

Amathiphu Neziyalezo

ukusikisela:Ukusetshenziswa okuvamile kwamathegi ukumela ikhodi yomthombo yekhompyutha.

Umehluko phakathi kwe-HTML 4.01 ne-HTML5

Ku-HTML 4.01, isibaluli "sobubanzi" sihoxisiwe futhi asikwazi ukusetshenziswa. I-HTML5 ayisekeli isibaluli "sobubanzi".

Isici

Incazelo yenani lesakhiwo

• Inombolo yobubanzi i-HTML5 ayisekeli lesi sici.
• Lesi sibaluli sihoxisiwe ku-HTML 4.01.
• Ichaza inani eliphezulu lezinhlamvu ngomugqa ngamunye (ngokuvamile 40,80, 132 noma XNUMX).

izakhiwo zomhlaba

• <pre>I-Markup isekela izibaluli zomhlaba wonke, futhi ubone ishidi lezakhiwo ezigcwele izici zomhlaba ze-HTML.

Izakhiwo zomcimbi

• Omaka basekela zonke izici zomcimbi we-HTML.