តើអ្វីជា pre នៅក្នុងរចនាប័ទ្ម CSS? តួនាទីនៃការរុំស្លាកកូដជាមុននៅក្នុង HTML

យើង​ប្រើគេហទំព័រ WordPressអ្នកត្រូវរៀនចំណេះដឹងជាមូលដ្ឋានមួយចំនួននៃ CSS និង HTML៖

• ដោយសារតែឯកសាររចនាប័ទ្ម CSS នៃស្បែក WordPress មួយចំនួន រចនាប័ទ្មស្លាកមុន និងកូដមិនត្រូវបានបន្ថែមទេ។
• បច្ចុប្បន្នកម្មវិធីរុករកភាគច្រើនគាំទ្រ សម្គាល់។

របស់ 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 ។

លក្ខណៈសម្បត្តិព្រឹត្តិការណ៍

• Markup គាំទ្រគុណលក្ខណៈព្រឹត្តិការណ៍ HTML ទាំងអស់។