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