CSS stilinde pre nedir? HTML'de ön sarma kod etiketlerinin rolü

kullanırızWordPress web sitesiCSS ve HTML'nin bazı temellerini öğrenmeniz gerekiyor:

• Bazı WordPress temalarının CSS stil dosyaları nedeniyle, ön ve kod etiketi stilleri eklenmez.
• Çoğu tarayıcı şu andaişaret.

HTML  Etiket örneği

Aşağıdaki ön etiketin CSS stilidir (html kodunu otomatik olarak sarabilir) ▼

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şağıdaki kod etiketinin CSS stilidir ▼

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

Talimatlar:

• Lütfen yukarıdaki CSS etiketlerini WordPress temasına kopyalayın style.css dosyanın içinde.

HTML ön etiket işlevi ve kullanım talimatları

• Etiketler önceden biçimlendirilmiş metni tanımlar.
• İşaretleme öğelerinde, içerilen metin genellikle boşluklar ve satır sonları bırakır.
• Metin, tek aralıklı yazı tipinde de görüntülenecektir.

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

Belirtilen metin biçimini HTML'ye yerleştirmek istiyorsanız, önde gelen öğenin özelliğinden yararlanmanız gerekir.

İpuçları ve Talimatlar

ipucu:Etiketlerin yaygın bir kullanımı, bir bilgisayarın kaynak kodunu temsil etmektir.

HTML 4.01 ve HTML5 arasındaki farklar

HTML 4.01'de "width" niteliği kullanımdan kaldırılmıştır ve kullanılamaz. HTML5, "width" özelliğini desteklemiyor.

属性

Mülk değeri açıklaması

• Genişlik numarası HTML5 bu özelliği desteklemiyor.
• Bu nitelik HTML 4.01'de kullanımdan kaldırılmıştır.
• Satır başına maksimum karakter sayısını tanımlar (genellikle 40,80, 132 veya XNUMX).

küresel özellikler

• <pre>İşaretleme, global öznitelikleri destekler ve HTML genel özniteliklerinin tam özellik sayfasına bakın.

Etkinlik özellikleri

• Etiketler, tüm HTML olay özniteliklerini destekler.