Битая верстка blogspot при использовании <!-- more -->

Очень смутила меня ситуация с внезапно поплывшим дизайном этого блога.
Сразу и не понял в чем дело.


Редактор blogspot.com позволяет вводить тексты и править их в визуальном режиме — то есть «Что вижу, то и получу». Приятно. Одной из функций редактора является разрыв страницы. Вставляется он с помощью кнопки справа, выглядящей, (что логично) как два куска разорванного листа. Второй вариант — в режиме «Изменить HTML» написать <!-- more -->


Редактор проводит неплохую проверку на соответствие xhtml стандартам, даже ругается, если есть что-то не то.

Так вот разрыв текста допустим в любом месте. Даже посредине абзаца, таблицы и прочего. В результате может поплыть верстка. Причина — проста, пример — тоже.

<div>Ой-ляля
<!-- more -->
Тру-ляля</div>

После откусывания второго куска текста первый может остаться с незакрытым тегом.

Избежать подобной ошибки — элементарно. Просто после откусывания фрагмента требуется закрывать все теги, которые стали незакрытыми.

Так что, спосибо кодерам blogspot, что показали подкинули в «копилку незабудок» момент, который нужно отслеживать при программировании своих сайтов.