Форматирование кода тегами 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>
– Не пропускайте новостей, подпишитесь на нашу страницу ВК, Facebook или Twitter. Кстати, не забудьте посетить блог по саморазвитию.
– Не знаете как сделать? Спросите на нашем форуме или на одном из популярных форумов: (1) cyberforum.ru, (2) ru.stackoverflow.com, (3) programmersforum.ru, (4) forum.vingrad.ru, (5) php.ru/forum, (6) html.by.