Bootstrap Код
Bootstrap позволяет отображать код двумя способами:
- Первый — тег <code>. Если вы хотите отобразить код в строке, то следует использовать тег <code>.
- Второй — тег <pre>. Если код нужно отобразить как отдельный блочный элемент или код занимает несколько строк, то следует использовать тег <pre>.
Пожалуйста, убедитесь, что при использовании тегов <pre> и <code> открывающий и закрывающий теги используют варианты Unicode: <и>。
Давайте рассмотрим следующий пример:
Пример
<p><code><header></code>оборачивается как встроенный элемент.</p>
<p>Если вам нужно отобразить код как отдельный блочный элемент, используйте<pre>тег:</p>
<pre>
<article>
<h1>Заголовок статьи</h1>
</article>
</pre>
Попробуйте сами »
Пример показан на рисунке ниже:
Другие примеры
| Элемент/Класс | Описание | Пример |
|---|---|---|
| <var> | Присваивание переменной:x = ab + y | Попробуйте сами |
| <kbd> | Ввод с клавиатуры:CTRL + P | Попробуйте сами |
| <pre> | Несколько строк кода | Попробуйте сами |
| <pre class="pre-scrollable"> | Несколько строк кода с полосой прокрутки | Попробуйте сами |
| <samp> | Вывод компьютерной программы:Sample output | Попробуйте сами |
| <code> | Фрагмент кода в той же строке:span, div |
Попробуйте сами |