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 оқиға атрибуттарын қолдайды.