Насколько неправильно делать такие отступы?

Question

[lukoie]

Вот кусок верстки:

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

Comments

[tyzberd]

это путает. Если нужно различать пишите комментарий, ставьте перенос строки...

[Shadowman69]

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

Answer 1

[Василий Васильев]

Вот из за таких казусов визуальных перешел на pug( Сделал ошибку с табами - получай по пальцам). Учит визуальной чистоплотности, так сказать.
Да и у меня лично какое-то врожденное отвращение к закрывающим тегам(здравствуйте, ruby, html, 21 век на дворе, не заметили?).

Comments

[lukoie]

исходная верстка там была вообще без отступов как таковых
долго плевался(хотя за верстку не оплачивает клиент)
там были еще прелести типа

<p> LIST</p>
<p><b>   • item1 <b></p>
<p><b>   • item2 <b></p>
<p><b>   • item3 <b></p>

и куча пробелов
у меня уже кровавые слезы от этого проекта вообще.

[lukoie]

так мопса по моему надо компилячить
так же не получится быстро поправить кусок php кода c html формой внутри
это у меня вордпрессные плагины. как же туда мопса приделать?

[Василий Васильев]

lukoie, с php тесно не знаком, но в синтаксисе pug`a он себя прекрасно чувствует:

[Василий Васильев]

lukoie, компилировать и правда надо, IDE это сами автоматически делают после установки в системе nodejs и npm i -g pug-cli. А для редакторов есть gulp - то же самое + 5 строк кода в gulpfile.

[lukoie]

Basil_Dev, спасибо, я уже нашел как и без этого можно обойтись
https://www.wptools.it/wordless
правда только на чужих проектах не сильно имплементируешь такие нововведения

[lukoie]

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

Answer 2

[Froggyweb]

Есть всякие бьюти плагины для редакторов которые расставляют отступы