Menene pre a cikin salon CSS? Matsayin tags ɗin riga-kafi a cikin HTML

muna amfaniGidan yanar gizon WordPressBukatar koyon wasu kayan yau da kullun na CSS da HTML:

• Saboda fayilolin salon CSS na wasu jigogi na WordPress, ba a ƙara salon alamar riga da lambar ba.
• Yawancin masu bincike a halin yanzu suna tallafawaalamar.

HTML  Alamar misali

Mai zuwa shine salon CSS na pre tag (wanda zai iya nannade lambar html ta atomatik) ▼

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

Mai zuwa shine salon CSS na lambar tag ▼

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

Gano:

• Da fatan za a kwafi alamun CSS na sama zuwa jigon WordPress style.css a cikin fayil.

HTML pre tag aiki da umarnin amfani

• Lakabi suna bayyana rubutun da aka riga aka tsara.
• A cikin abubuwan da aka yi alama, rubutun da ke ƙunshe yawanci yana barin sarari da karya layi.
• Hakanan za'a nuna rubutun a cikin nau'in rubutu guda ɗaya.

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

Idan kuna son sanya ƙayyadadden tsarin rubutu a cikin HTML, kuna buƙatar cin gajiyar sifa mai jagora.

Tips da Umarni

ambato:Babban amfani da tags shine wakiltar lambar tushe na kwamfuta.

Bambance-bambance tsakanin HTML 4.01 da HTML5

A cikin HTML 4.01, sifa ta "nisa" ta ƙare kuma ba za a iya amfani da ita ba. HTML5 baya goyan bayan sifa "nisa".

Halayen

Bayanin ƙimar dukiya

• Faɗin lamba HTML5 baya goyan bayan wannan sifa.
• An soke wannan sifa a cikin HTML 4.01.
• Yana bayyana matsakaicin adadin haruffa kowane layi (yawanci 40,80, 132 ko XNUMX).

duniya Properties

• <pre>Markup yana goyan bayan sifofi na duniya, kuma duba cikakken takardar kadarorin halayen HTML na duniya.

Kaddarorin taron

• Tags suna goyan bayan duk halayen taron HTML.