Существуют ли противопоказания к стилизации html и body?

Question

[Денис Верхотуров]

Добрый день!
Задача:
Общий для всего контента контейнер, должен иметь минимальную и максимальную ширину, выравниваться по центру и отбрасывать тень на ту часть страницы, которая находится за пределами максимальной ширины.

Возник спорный момент, человек, которого я считал более опытным по вопросам фронтенда, сказал, что навешивать стили на html и body не стабильно, плохая практика и может по разному вести себя в разном окружении, но аргументировать отказался. Ни в спецификации к html5 ни в спецификации к css3 я не нашел запретов, поиском в интернете так же не смог найти ничего, что мешало бы мне решать задачу моим подходом. Ну и визуально оценив в последних chrome, firefox и opera не нашел того, что сломало бы логику отображения.

Вопрос:
Прав ли мой оппонент, предлагая сделать дополнительный wrapper в том месте, где можно решить и без него? Или является ли мой подход плохой практикой и чем он грозит?

Демки:
мой подход
подход, моего оппонентом

Answer 1

[Кирилл]

Демки не смотрел, но скажу пару слов почему я согласен с вашим оппонентом:
Многие браузерные екстеншены, JS плагины и бох знает что еще работают с html и body. В частности, навешивают, удаляют классы, айдишники и прописывают разные свойства.
Так что есть возможность, что что-то из перечисленного пересечется с вашими стилями и всё поломает.
На пример кривонаписанный экстеншен может удалять все классы с body, вместо того, что бы удалять только нужные ему классы.
По этому использовать обёртку более безопасно.

Comments

[Денис Верхотуров]

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

[Кирилл]

Денис Верхотуров: ну так же и екстеншены с плагинами могут стили на прямую на html, body вешать. Я бы в любом случае делал бы обёртку. Потому что минусов обёртки практически нету, а плюсы могут быть) Екстеншенов море, пробемы могут у ваших пользователей возникнуть. На пример похожая проблема https://habrahabr.ru/post/279257/

[Кирилл]

Денис Верхотуров: Обёртка нужна просто на всякий случай, что бы быть уверенным, что всё будет так как вы хотите. А если вы этот блок захотите потом всунуть в другое место документа? Вы html и body тоже с собой будете переносить? А по обёртке легко.

[Денис Верхотуров]

Кирилл Кубляков: Внутри находится контент сайта, это не отдельный блок (то есть речь только о родителе всей сетки). Но благодарю, позицию услышал, мотивацию понял=)

Answer 2

[sitev_ru]

Существует табличная вёрстка и на дивах. Первая считается устаревшая. И даже, если в некоторых случаях, хотя бы часть дизайна проще сделать с помощью табличной вёрстки, всё равно пытаются извратиться с помощью дивов ))) Поэтому никаких боди, только дивы!