Mis on CSS-stiilis pre? Mähkimiseelsete koodimärgendite roll HTML-is

me kasutameWordPressi veebisaitPeate õppima mõned CSS-i ja HTML-i põhitõed:

• Mõne WordPressi teema CSS-stiilifailide tõttu ei lisata eel- ja koodisildi stiile.
• Enamik brausereid toetab praegumark.

HTML  Sildi näide

Järgmine on eelsildi CSS-stiil (mis suudab html-koodi automaatselt mähkida) ▼

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

Järgmine on koodisildi ▼ CSS-stiil

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

Juhised:

• Kopeerige ülaltoodud CSS-i sildid WordPressi teemasse style.css failis.

HTML-i eelsildi funktsioon ja kasutusjuhised

• Sildid määratlevad eelvormindatud teksti.
• Märgistuselementides jätab sisalduv tekst tavaliselt tühikuid ja reavahetusi.
• Tekst kuvatakse ka ühekohalise kirjatüübiga.

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

Kui soovite paigutada määratud tekstivormingu HTML-i, peate kasutama juhtelemendi atribuuti.

Näpunäiteid ja juhiseid

vihje:Siltide tavaline kasutus on arvuti lähtekoodi esindamine.

Erinevused HTML 4.01 ja HTML5 vahel

HTML 4.01-s on atribuut "width" aegunud ja seda ei saa kasutada. HTML5 ei toeta atribuuti "width".

Atribuut

Kinnistu väärtuse kirjeldus

• Laiuse number HTML5 ei toeta seda atribuuti.
• See atribuut on HTML 4.01-s aegunud.
• Määrab maksimaalse märkide arvu rea kohta (tavaliselt 40,80, 132 või XNUMX).

globaalsed omadused

• <pre>Märgistus toetab globaalseid atribuute ja vaadake täielikku atribuutide lehe HTML-i globaalseid atribuute.

Sündmuse omadused

• Sildid toetavad kõiki HTML-i sündmuste atribuute.