Що таке 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.