92. Форматирование кода тегами PRE и CODE
На многих сайтах, которые связаны с программированием, есть, разумеется, код. Этот код чаще все выделяют при помощи тегов pre
и code
. Теперь разберем каждый тег отдельно.
О теге PRE
Тег pre
применяется для форматирования текста. Такой текст отображается со всеми пробелами между словами (вы же знаете, что если в HTML коде написать много пробелов подряд, они все равно превратятся в один). То есть текст выведется в браузер так же, как написано между <pre> ... </pre>
. Рассмотрим пример первый.
<pre>
Текст через пробелы!
</pre>
Внутри тега pre
можно использовать любые элементы, кроме <small> <big> <img> <sub> <object> <sup>
О теге CODE
А вот HTML элемент code
нужен для выделения, в основном, одной строки программного кода. Чем отличается code
от pre
? Дополнительные пробелы и переносы строки не учитываются. Но внутри тега code
можно использовать теги <br>
и <p> ... </p>
. Смотрим пример два.
<code>var a = 120;</code>
Похожие уроки и записи блога
- В данном HTML документе выделите фрагменты кода тегами
code
. То есть<code>какой-то код</code>
. Например, это фрагмент кода<div>
– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте.
– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить на любом популярном форуме в интернете.
Это займет не больше минуты.