CSS загварт pre гэж юу вэ? HTML-д урьдчилан ороох кодын шошгуудын үүрэг

Бидний хэрэглэдэгWordPress вэбсайтCSS болон HTML-ийн зарим үндсийг сурах хэрэгтэй:

• Зарим WordPress сэдвүүдийн CSS загварын файлуудаас болж өмнөх болон кодын шошгоны хэв маягийг нэмээгүй.
• Ихэнх хөтөч одоогоор дэмждэгтэмдэг.

HTML  Шошгоны жишээ

Дараах нь урьдчилсан тагийн CSS загвар юм (энэ нь html кодыг автоматаар ороож болно) ▼

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

Дараах нь кодын тагны CSS загвар юм ▼

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

Зааварчилгаа:

• Дээрх CSS хаягуудыг WordPress сэдэв рүү хуулна уу style.css файлд.

HTML урьдчилан шошго функц ба ашиглалтын заавар

• Шошго нь урьдчилан форматлагдсан текстийг тодорхойлдог.
• Тэмдэглэгээний элементүүдэд агуулагдсан текст нь ихэвчлэн хоосон зай, мөрийн завсарлага үлдээдэг.
• Текстийг мөн нэг зайтай фонтоор харуулах болно.

Тэмдэглэгээг ихэвчлэн标记结合使用，以获得更精确的语义，用于标记需要在页面中呈现的源代码。

Хэрэв та заасан текстийн форматыг HTML дээр байрлуулахыг хүсвэл тэргүүлэх элементийн шинж чанарыг ашиглах хэрэгтэй.

Зөвлөмж, заавар

сануулга:Тагийн нийтлэг хэрэглээ бол компьютерийн эх кодыг илэрхийлэх явдал юм.

HTML 4.01 болон HTML5 хоорондын ялгаа

HTML 4.01-д "өргөн" шинж чанар нь хуучирсан бөгөөд ашиглах боломжгүй. HTML5 нь "өргөн" шинж чанарыг дэмждэггүй.

Аттрибут

Үл хөдлөх хөрөнгийн үнэ цэнийн тодорхойлолт

• Өргөн тоо HTML5 нь энэ шинж чанарыг дэмждэггүй.
• Энэ атрибутыг HTML 4.01 дээр хуучирсан.
• Нэг мөрөнд байх хамгийн их тэмдэгтийн тоог (ихэвчлэн 40,80, 132 эсвэл XNUMX) тодорхойлно.

глобал шинж чанарууд

• <pre>Тэмдэглэгээ нь глобал шинж чанаруудыг дэмждэг бөгөөд HTML глобал шинж чанаруудын бүтэн шинж чанарын хуудсыг үзнэ үү.

Үйл явдлын шинж чанарууд

• Шошго нь HTML үйл явдлын бүх шинж чанарыг дэмждэг.