Каков самый правильный способ добавления <кода> в текст?

[Anymaxis]

Речь идёт о тегах <pre>, <code>.

1. Как правильнее всего добавлять код в текст сайта?
2. И ещё интересует, можно ли с помощью CSS научить тег <code> учитывать все пробелы и переносы? (по аналогии с <pre>)

Edited April 20, 2016 by Anymaxis

[Igor Schnaider]

white-space: pre

[Anymaxis]

17 минут назад, Igor Schnaider сказал:

white-space: pre

Спасибо большое. Не знал.

А есть ли смысл смысл тогда для <code> прописать white-space: pre и display: block и совсем забыть про <pre>?

Или можно display: block вынести в класс и использовать <code> с классом для блоков кода, а без класса для строчного кода.

Или же оптимально остановиться на сочетании тегов <pre> и <code>.

[Igor Schnaider]

Ну, строго говоря, никто не запрещает писать просто code без pre.
Вообще, у них семантика разная.

Цитата

The pre element represents a block of preformatted text, in which structure is represented by typographic conventions rather than by elements.

Цитата

The code element represents a fragment of computer code. This could be an XML element name, a file name, a computer program, or any other string that a computer would recognize.