Могу ли я иметь <pre class="prettyprint-override"> Tag inside a <p> tag in Tumblr?
Сегодня я немного поиграл с Tumblr.
Я попытался добавить предварительно отформатированный текст в блок абзаца описания следующим образом:
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
Однако элемент <pre>
отображается только после элемента <p>
, а не внутри него, что было моим намерением.
Я делаю что-то неправильно здесь или это ошибка?
Ответы
Ответ 1
Вы не можете вставлять элементы уровня блока, такие как <pre>
, внутри <p>
в HTML. Итак, Tumblr ведет себя правильно.
Вы должны закрыть свой абзац перед вставкой предварительно отформатированного текста.
Если вы хотите текст в стиле телетайпа, попробуйте тег <tt>
, но обратите внимание, что это нестандартный элемент и может не отображаться во всех браузерах. Правильный способ достижения форматирования - использование CSS.
Ответ 2
Кроме того, я просто понял, что у меня была аналогичная проблема при вставке кода в tumblr внутри тегов <pre>
и <code>
, так как только потому, что вы завершаете свой код в те теги, это не мешает вам избавиться от моркови с <
и >
вместо моркови.