Apakah pra dalam gaya CSS? Peranan teg kod pra pembungkusan dalam HTML

kami gunalaman web WordPressPerlu mempelajari beberapa asas CSS dan HTML:

• Disebabkan oleh fail gaya CSS beberapa tema WordPress, gaya teg pra dan kod tidak ditambahkan.
• Kebanyakan penyemak imbas kini menyokongtanda.

HTML  Contoh label

Berikut ialah gaya CSS pra tag (yang boleh membalut kod html secara automatik) ▼

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

Berikut ialah gaya CSS bagi teg kod ▼

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

Arahan:

• Sila salin tag CSS di atas ke tema WordPress style.css dalam fail.

Fungsi pra tag HTML dan arahan penggunaan

• Label mentakrifkan teks yang dipraformat.
• Dalam elemen penanda, teks yang terkandung biasanya meninggalkan ruang dan pemisah baris.
• Teks juga akan dipaparkan dalam fon monospace.

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

Jika anda ingin meletakkan format teks yang ditentukan dalam HTML, anda perlu memanfaatkan atribut elemen utama.

Petua dan Arahan

petunjuk:Penggunaan tag yang biasa adalah untuk mewakili kod sumber komputer.

Perbezaan antara HTML 4.01 dan HTML5

Dalam HTML 4.01, atribut "lebar" tidak digunakan dan tidak boleh digunakan. HTML5 tidak menyokong atribut "lebar".

Atribut

Perihalan nilai harta

• Nombor lebar HTML5 tidak menyokong atribut ini.
• Atribut ini ditamatkan dalam HTML 4.01.
• Mentakrifkan bilangan maksimum aksara setiap baris (biasanya 40,80, 132 atau XNUMX).

hartanah global

• <pre>Markup menyokong atribut global dan lihat atribut global HTML helaian harta penuh.

Sifat acara

• Teg menyokong semua atribut acara HTML.