Как справиться с пустыми элементами в WordPress

Как справиться с пустыми элементами в WordPress

По умолчанию WordPress размещает комментарии в параграфах (HTML-тегах p). Наряду с этим, в WordPress используются различные теги шаблонов, которые могут в определенных ситуациях приводить к появлению пустых HTML-тегов:

<p></p>
<p><!-- --></p>

Пустые элементы могут возникнуть при добавлении изображений или вложенных списков, при разрывах строк и т.д. Почему необходимо бороться с пустыми элементами? Во-первых, они создают некорректную разметку. Во-вторых, они могут нарушить целостность вашего шаблона и внести неразбериху в качественный дизайн.

Универсальное решение – использование псевдо-селектора :empty для нейтрализации всех пустых HTML-элементов. Чтобы устранить все пустые параграфы (и только их), достаточно добавить следующий CSS-код:

p:empty {
	display: none;
	}

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

*:empty {
	display: none;
	}

По моему мнению, такое решение должно быть включено во все стилевые таблицы по умолчанию, однако я оставлю это действие на ваше усмотрение.

http://digwp.com/2009/10/clean-up-empty-elements-css3/

Сохранено из oddstyle.ru

Добавить комментарий

%d такие блоггеры, как: