Что такое pre в стиле CSS? Роль тегов кода предварительной упаковки в HTML

мы используемВеб-сайт WordPressНеобходимо изучить некоторые основы CSS и HTML:

• Из-за файлов стилей CSS некоторых тем WordPress стили тегов pre и code не добавляются.
• В настоящее время большинство браузеров поддерживаютотметка.

HTML  Пример этикетки

Ниже приведен стиль CSS для тега pre (который может автоматически переносить 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.