Есть ли замена iframe?

Question

[Isaac Clark]

Здравствуйте.
Подскажите пожалуйста.
На сайте есть iframe-элемент, где в атрибуте src содержится html. Сделано это для того, чтоб этот самый html не наследовал css-стили, которые относятся к странице сайта.
Вопрос: есть ли замена iframe для данной ситуации? То есть, сделать так, что определенный кусок верстки не наследовал стили bootsrap-css и других css файлов или поместить его в iframe единственный вариант?

Answer 1

[Алексей Уколов]

Есть такая штука, как all: unset.
Но это ядерная бомба, в том плане, что все нужные стили нужно будет писать с нуля, никакого наследования.
Ну и поддержка далека от идеала.

Answer 2

[Abdula Magomedov]

Задаешь ему класс. И обнуляешь стили всех элементов внутри него. Сброс стилей

Comments

[Isaac Clark]

не тот вариант. контент формируется динамически, не смогу обнулять, так как не знаю, какие классы будут в нем и стили

[Abdula Magomedov]

Так задавай через родительский класс.

Answer 3

[Игорь Васильев]

всё очень просто!
Надо помнить, что главными в вопросах вёрстки - айдишники, а второстипенные - классы!

#text {
      color:#000;
}
.text {color:#fff;}

если в блоке есть класс, но стоит айди, то цвет текста будет чёрный а не белый

<div id="text">
     <div class="text">Здесь сам текст</div>
</div>

Есть ещё одна вещь!! С ней не поспорит не один стиль! ))
.text {color:#0ff !important;}
Применяем импортант, если хотим увеличить важность стиля, и всё, избавьтесь от iframe как от скверны, фреймы причиняют только вред сайту, к тому же, перед скачиванием Twitter Bootstrap вы можете настроить только те элементы, которые вам нужны, выбрать только то что нужно, в том числе и поменять цвета.

От себя как от веб-дизайнера скажу, что если ваш сайт содержит серьёзный контент, то нет места разношёрстным стилям, всё должно быть строго и лаконично, минимум 3 цвета, минимум 2 шрифта.

Размеры тоже должны быть одинаковыми, что у текстов что у заголовков, если текст везде 12pt , то не должно быть страниц с текстом другого размера, внутри текста могут быть: цитата или пояснение какое (чтобы выделить их, поменяйте цвет или размер). Аналогично с заголовками, и они должны быть жирнее и больше. Это не моя прихоть, это для удобства чтения )) Надеюсь помог.

Comments

[Александр Медведев]

Какой именно вред причиняют фреймы сайту?

[Isaac Clark]

Александр Медведев: да, я тоже не понял этот момент

[Игорь Васильев]

Александр Медведев:
1) Сайт уязвим для хакеров, во фрейм можно легко запихать вредоносный файл
2) Поисковики не любят сайты с фреймами, поэтому есть риск не попасть в первую 10-ку!
3) Страница с фреймом долго грузится, так их на самом деле две!
4) Ссылки надо выводить в новой вкладке (что не очень хорошо для пользователя)
5) Контент во фреме не всегда загружается если скорость интернета низкая.
6) Если пользователь не правильно нажмёт ссылку во фрейме, там может отобразится весь сайт, и если в том сайте тоже есть фрейм, то и там можно отобразить весь сайт, то есть получается зеркальный коридор.

Думаю весомые аргументы его убрать, если только там не ссылка на видео, - это не страшно ))