Mi a pre a CSS stílusban? Az előcsomagoló kódcímkék szerepe a HTML-ben

mi használjukWordPress weboldalMeg kell tanulnia a CSS és a HTML néhány alapját:

• Egyes WordPress-témák CSS-stílusfájljai miatt az elő- és kódcímkestílusok nem kerülnek hozzáadásra.
• Jelenleg a legtöbb böngésző támogatjaMark.

HTML  Címke példa

A következő az előtag CSS-stílusa (amely automatikusan becsomagolja a html kódot) ▼

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

A következő a ▼ kódcímke CSS-stílusa

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

Utasítás:

• Kérjük, másolja a fenti CSS-címkéket a WordPress témába style.css a fájlban.

HTML előtag funkció és használati utasítás

• A címkék előre formázott szöveget határoznak meg.
• A jelölőelemekben a benne foglalt szöveg általában szóközt és sortörést hagy.
• A szöveg egyszóközű betűtípussal is megjelenik.

A jelölést gyakran标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

Ha a megadott szövegformátumot HTML-ben szeretné elhelyezni, akkor ki kell használnia a vezető elem attribútuma előnyeit.

Tippek és utasítások

célzás:A címkék gyakori használata a számítógép forráskódjának ábrázolása.

A HTML 4.01 és a HTML5 közötti különbségek

A HTML 4.01-ben a "width" attribútum elavult, és nem használható. A HTML5 nem támogatja a „width” attribútumot.

Képesség

Az ingatlan értékének leírása

• A szélességi szám HTML5 nem támogatja ezt az attribútumot.
• Ez az attribútum elavult a HTML 4.01-ben.
• Meghatározza a soronkénti karakterek maximális számát (általában 40,80, 132 vagy XNUMX).

globális tulajdonságok

• <pre>A Markup támogatja a globális attribútumokat, és tekintse meg a teljes tulajdonságlap HTML globális attribútumait.

esemény tulajdonságai

• A címkék támogatják az összes HTML eseményattribútumot.