Чем заменить фреймы на html5

Альтернатива iFrames в HTML5

В отличие от iframe, ранее это был нестандартный тег, который стандартизирован в HTML 5. По общему признанию, он был реализован всеми основными браузерами. Элемент embed обеспечивает интеграцию для внешнего (обычно не HTML) приложения или интерактивного контента. HTML-тег используется для встраивания внешнего приложения или интерактивного контента в HTML-документ.

Базовый тег написан так с URL-адресом встроенного ресурса, добавленного к атрибуту src (то есть между двойными кавычками).
Атрибут type принимает тип MIME встроенного ресурса.

Регулировка высоты и ширины

h1 style = «color:green» >GeeksforGeeks h1 >

p >Using «embed» as an alternative to iframes p >

Вывод: используя высоту и ширину с Embed

Использование встраивания без границ.
По умолчанию встраивание не имеет границы вокруг него. Но мы также можем удалить границу с помощью атрибута style и использовать свойство border CSS.

h1 style = «color:green» >

p >Using «embed» as an alternative to iframes p >

Вывод: использование встраивания без каких-либо границ

В теге embed мы также можем применять границы разных цветов.

h1 style = «color:green» >GeeksforGeeks h1 >

p >Using embedas an alternative to iframes p >

style = «border:4px solid orange;» />

Вывод: использование Embed с границами цвета Solid Orange

Источник

Вместо фреймов

24 ответа

Сейчас работаю с Iframe и очень даже хорошо работает во многих браузерах, таких как Opera, IE и Chrome. На лисе не тестировал, но вроде тоже должно работать хорошо. Поработай пока с Iframe, а потом можно перейти и на аякс. =) Я лично сейчас так и собираюсь сделать.

Кстати, мы с тобой можем сделать это вместе в этой теме! =)

Если интересен Ajax, то вам сюда.
Фреймы использовались чтобы не перезагружать страничку целиком, а подменять изменяемые участки.

newcss, так у ajax подобная проблема с индексацией отдельных страниц, как и у Iframe! =) Тут, мне кажется, дело даже не в том, что использовать, а в том, где использовать! =) К примеру, на сайтах хостинга narod.ru, и ajax и iframe будут равны друг перед другом, как ни крути! =)

Но. Сейчас меняются времена! =) AJAX приходит в нашу жизнь, как намного более совершенная технология, чем обычные фреймы! =) Её возможности могут ничего не значить, а могут и сильно изменить ресурс в лучшую сторону! =) У AJAX’a больше возможностей, чем у фреймов, но вопрос в том нужны ли они. AJAX проявит себя на все 100 процентов в крупных проектах, но для этого его нужно как следует изучить и понять, будет ли он приносить пользу ресурсу или погубит его! =)

Я считаю, что человек должен познакомиться с технологией и всей её скрытой мощью, если такая присутствует, а потом сделать свой выбор! =) Nadezda, я так понимаю, свой выбор сделала! =) Тогда можно считать, что вопрос исчерпан! =)

Домашнюю страничку делать неинтересно. Хочется создать по-настоящему красивый и интересный сетевой ресурс.

а Maya тут каким боком? Может еще MathCAD и Cinema4D вспомните?

Учитывая, что для использования AJAX требуются более-менее вменяемые познания в области HTML, CSS, DOM, JavaScript, PHP/Perl/Python, то советовать даме этот способ глупо.

Учитывая, что для использования AJAX требуются более-менее вменяемые познания в области HTML, CSS, DOM, JavaScript, PHP/Perl/Python, то советовать даме этот способ глупо.

А причём тут мой пол? Я кстати неплохо разбираюсь в HTML, CSS, DOM. Правда JavaScript, PHP несколько лет не занималась и слегка подзабыла, а также не следила за новинками, но если надо будет, вполне смогу разобраться.

Я про другое, что учитывая ваш уровень знаний, AJAX долгий путь к тому что вы хотите сделать.

Хотя с другой стороны можете взять готовое решение (тот же jQuery) и тогда работа с AJAX сведется к нескольким строкам скрипта

Мда. Очередной холивар.. иФреймVSajax.
Странно что только на второй странице вспомнили про jQuery.

Мда. Очередной холивар.. иФреймVSajax.
Странно что только на второй странице вспомнили про jQuery.

Ув автор темы. Вы ознакомьтесь всё-таки с технологией Ajax (чистым Ajax), что-бы понять для себя как там всё работает.

А то что при создании сайта нужно использовать КУЧУ технологий это общепризнанный факт. НЕТ? Ну слабайте крутую страничку на голом ШТМЛ без CSS,JavaScript и графики.

Источник

Что сейчас актуально в качестве замены html frameset?

Собственно, вопрос в заголовке.

Или можно продолжать использовать старые добрые фреймы и ничего не бояться? Все ли современные браузеры их нормально поддерживают?

> Что сейчас актуально в качестве замены html frameset?

divы + куча яваскрипта + ajax

links не любит фреймы

можно и нужно. Выбирать решения по задаче а не слушать валидатор и фанатиков стандартдистов. И старые технологии предпочтительнее новых потому теже же фреймы работают даже в линксе.

анонимус тебе противоречит.

По сабжу: div+css+ajax.
Вроде да.

анон попутал links с lynx

Так то так но js без фреймворка не живет и выходит вместо железобетонного фреймсета мы нагородим скриптов + фреймворк(50+ кб) да еще потом это отлаживать и лишать юзера удобства фреймсета (он может подвигать границы).

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

>банить по юзерагенту.

Моему conkeror’у youtube не дает html5 🙁

Все ли современные браузеры их нормально поддерживают?

>links не любит фреймы

>Или можно продолжать использовать старые добрые фреймы и ничего не бояться?

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

Пока склоняюсь именно к этому варианту.

> можно и нужно. Выбирать решения по задаче а не слушать валидатор и фанатиков стандартдистов. И старые технологии предпочтительнее новых потому теже же фреймы работают даже в линксе.

А что скажете про iframe?

> divы + куча яваскрипта + ajax

Не слишком вебдванольненько?

это вопрос не ко мне, мне и без js хватает

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

фрейм фреймом. только плавающий.

> А что скажете про iframe?

Не нужен (его даже в strict-версиях выпилили) ибо есть object.

Смотря для чего они нужны.
position fixed — чтобы зафиксировать контент от прокрутки.
overflow auto — чтобы организовать прокрутку содержимого в блоках
javascript — чтобы динамически загружать данные в блоки

и лишать юзера удобства фреймсета (он может подвигать границы).

Охренеть как удобно двигать.

js + фреймворк, фреймы на помойку.

> и лишать юзера удобства фреймсета (он может подвигать границы).

Посмотри на Dojo+Dijit, например. На гуёвых js-фреймворках всё это есть.

и выходит вместо железобетонного фреймсета

проблема фреймсета как раз в том, что он нифига не железобетонный, а разваливается на составляющие. Можно (с помощью сервера и js) накостылять фреймсету, чтобы он начал работать правильно, но это уже будет не «железобетонный фреймсет», а «набор железобетонных костылей».

Источник

Краткая история внедрения

Урок истории закончен, давайте двигаться дальше и посмотрим, как использовать некоторые из них.

Активное обучение: использование классического внедрения

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

Дополнительно вы также можете попробовать внедрить карту Google следующим образом:

Если вы допустили ошибку, вы всегда можете сбросить её с помощью кнопки «Сброс». Если вы действительно застряли, нажмите кнопку «Показать решение», чтобы увидеть ответ.

Подробно об Iframes

Этот пример включает основы, необходимые для использования :

Примечание: Чтобы повысить скорость загрузки, рекомендуется установить атрибут src в элементе iframe с помощью JavaScript после того, как основное содержимое будет загружено. Это ускорит вашу страницу и уменьшит время загрузки официальной страницы (важный показатель SEO.)

Проблемы безопасности

Clickjacking – это один из видов обычной атаки iframe, когда хакеры внедряют невидимый iframe в ваш документ (или внедряют ваш документ на свой собственный вредоносный веб-сайт) и используют его для захвата взаимодействия пользователей. Это обычный способ ввести пользователей в заблуждение или украсть конфиденциальные данные.

Используйте только при необходимости

Если контент лицензирован, вы должны соблюдать условия лицензии. Например, контент на MDN лицензирован на licensed under CC-BY-SA. Это означает, что вы должны относиться к нам с уважением, когда цитируете наш контент, даже если внесли в него существенные изменения.

Используйте HTTPS

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

Примечание: Github pages позволяют предоставлять контент через HTTPS по умолчанию, поэтому это полезно для размещения контента. Если вы используете другой хостинг и не уверены, спросите хостинг-провайдера об этом.

Всегда используйте атрибут sandbox

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

Контент, не ограниченный sandbox, может сделать слишком многое (выполнение JavaScript, отправка форм, всплывающие окна и т. д.). По умолчанию включайте все возможные ограничения, используя атрибут sandbox без параметров, как показано в предыдущем примере.

Примечание. «Песочница» не обеспечивает защиту, если злоумышленники могут обманывать людей через прямое посещение вредоносного контента (вне iframe). Если есть вероятность, что определённый контент может быть вредоносным (например, созданный пользователями контент), пожалуйста, используйте его из другого domain на ваш основной сайт.

Настройка директив CSP

Примечание: вы можете прочитать пост Фредерика Брауна On the X-Frame-Options Security Header для более детальной информации по теме. Разумеется, объяснение в этой статье далеко не полное.

_и_ «>_и_ » title=»Permalink to Элементы и «>Элементы и

Если вам нужно внедрить контент плагина, ниже исчерпывающая информация, которая вам понадобится: