CSS-кавычки пустые строки

Блочная цитата CSS не добавляет пустые строки в цитату

пример:

<blockquote>
this is number 1

this is number  2
</blockquote>

это будет выглядеть следующим образом, но "" > "" не появляются и появляются только пустые строки

> this is number 1

>

> this is number 2

Я хочу, чтобы они добавили пустую строку в цитату.

1 ответ

Решение

> является зарезервированным символом в HTML. Он используется для создания тегов.

Вам нужно избежать этого, иначе браузер будет думать, что это код, а не отображать его.

использование &lt; за <, а также &gt; за >,

<blockquote>
this is number 1<br>
&gt;<br><!-- with "greater than" symbol -->
this is number  2<br>
</blockquote>
<hr>
<blockquote>
this is number 1<br>
<br><!-- with just an empty line -->
this is number  2<br>
</blockquote>

Из спецификации:

5.3.2 Ссылки на символьные объекты

Четырехсимвольные ссылки на сущности заслуживают особого упоминания, поскольку они часто используются для экранирования специальных символов:

  • &lt; представляет < знак.
  • &gt; представляет > знак.
  • &amp; представляет & знак.
  • &quot; представляет " отметка.

Авторы, желающие поставить < символ в тексте должен использовать &lt; (Десятичное число ASCII 60), чтобы избежать возможной путаницы с началом тега (начальный разделитель открытого тега). Точно так же авторы должны использовать &gt; (Десятичный ASCII 62) в тексте вместо > чтобы избежать проблем со старыми пользовательскими агентами, которые неправильно воспринимают это как конец тега (разделитель тегов), когда он появляется в значениях атрибута в кавычках.

Другие вопросы по тегам