Недавно я пытался сделать функцию «Скрыть детали» жирным шрифтом и столкнулся с этой ошибкой. Как только я использую <b>, чтобы сделать текст жирным, а затем </b> внутри скобок, название заголовка меняется. Это странное поведение, и лучше всего его описать, воспроизведя ситуацию ниже:
<b>
[details="Пример"]
</b>
Привет!
[/details]
<b>
[details="Пример"]
</b>
Привет!
[/details]
Только что обнаружил ещё одну проблему. Как только вы выравниваете элемент по центру, а затем используете , чтобы вернуть его внутрь блока, текст под этой командой оказывается за пределами функции details:
<div align=center>
[details="Привет!"]
Я по центру
</div>
Привет!
[/details]
Я по центру
Привет!
Вы неправильно вложенные элементы; поддержка желаемого поведения отсутствует, если не делать это вручную в HTML.
Это работает корректно:
<details dir="ltr">
<summary dir="ltr"><b>Пример</b></summary>
<p dir="ltr">Привет!</p>
</details>
Привет!
В точку, именно то, что я искал. Большое спасибо!