Какво е 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 атрибутът "width" е отхвърлен и не може да се използва. HTML5 не поддържа атрибута "width".

属性

Описание на стойността на имота

• Номер на ширина HTML5 не поддържа този атрибут.
• Този атрибут е отхвърлен в HTML 4.01.
• Определя максималния брой знаци на ред (обикновено 40,80, 132 или XNUMX).

глобални свойства

• <pre>Маркирането поддържа глобални атрибути и вижте пълния списък със свойства HTML глобални атрибути.

Свойства на събитието

• Таговете поддържат всички атрибути на HTML събития.