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

Новый HTML-элемент

от Google призван заменить фреймы

На конференции разработчиков I/O 2019 компания Google представила новую технологию под названием «порталы», которая призвана обеспечить новый способ загрузки и навигации по веб-страницам.

По словам Google, «порталы» работают с помощью нового HTML-тега под названием

позволяет перемещаться внутри контента, который внедрён на страницу извне, а не позволяет этого по соображениям безопасности.

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

Вот таблица со сравнением

Поддержка навигацииЕстьНетВозможность встраиванияЕстьЕстьКонтекст навигацииВсегда верхний уровеньВложены в деревоКоммуникациитолько postMessageДоступ через WindowsProxy

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

Например, когда пользователь просматривает новостной сайт и заканчивает чтение страницы, то есть доходит до нижней её части, то ссылки на «похожие статьи» будут встроены в качестве порталов. Зачем веб-разработчику оформлять их таким образом? Преимущество использования порталов по сравнению с классическими ссылками заключается в том, что содержимое внутри порталов может быть предварительно загружено и предварительно отрендерено с загрузкой всего дерева DOM, то есть оно отобразится мгновенно.

Эту функцию впервые анонсировали на саммите Chrome Dev в ноябре прошлого года, но теперь порталы поддерживаются в последней версии Chrome Canary для Android, Mac, Windows, Linux и Chrome OS.

Правда, по умолчанию она пока отключена. Чтобы её включить в Chrome Canary, следует активировать флаг порталов в настройках chrome://flags/#enable-portals.

На данный момент только Chrome поддерживает эту технологию, другие браузеры пока не выразили интереса. Но если у вас подходящий браузер, то можно поэкспериментировать с порталами на демо-странице. Там указываете адрес любой страницы, сайт сгенерирует ссылку в формате

— вы можете перейти по ней и оценить, насколько быстро осуществляется переход на предварительно отрендеренную страницу.

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

Внедрив этот тег в свой браузер, Google подала его на утверждение в WCIG. Если разработчики других браузеров поддержат инициативу (а что им остаётся в условиях фактической монополии Chrome), то технология может стать новым стандартом, заменив привычные фреймы. Порталы позволяют пользователю смотреть/слушать внедрённый контент, а затем легко переходить на его исходную страницу, где можно оставлять комментарии или открывать другие страницы.

Более подробную техническую информацию о порталах см. в черновике стандарта WICG и документации Google.

Некоторые комментаторы на форумах выражают опасение, что новая функция может быть полезна Google для отслеживания пользователей. Ведь какая ситуация сейчас? Многие люди сразу после подключения к интернету заходят на Google, ищут нужный сайт — и уходят с Google. Нехорошо. А после внедрения порталов получится, что пользователь нажмёт на ссылку в результатах поиска — страница загрузится как портал, адрес в поисковой строке поменяется, как и раньше, но фактически человек остаётся на сайте Google — и компания может отслеживать его действия. Впрочем, это лишь версия. Возможно, Google на самом деле хочет сделать более удобной работу пользователей и вовсе не думает о собственных интересах.

Источник

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

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 и графики.

Источник

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

В чате есть фрейм с юзерами, как по клику вставить имя юзера в другой фрейм?
Это делается для приватных сообщений, ну типа такого(окно чата): Stas => : вобщим кодить еще.

я думаю PHP в этом вопросе лучщий помощник, недостаток в php хостинге.

Добавлено через 2 минуты

Решение

А как сделать чтобы вместо «Тут будет содержимое подгружаемых страниц» загружалась нужная страница по умолчанию?

Добавлено через 24 минуты
Так, я уже разобрался, сделал вот так: 0

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

2) Можно возвращаться не просто на

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

XMLHttpRequest cannot load page1.html. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource. VM183 AJAX.html:52AjaxGet VM183 AJAX.html:52onclick VM184 AJAX.html:59
Uncaught NetworkError: Failed to execute ‘send’ on ‘XMLHttpRequest’: Failed to load
page1.html’. VM183 AJAX.html:52AjaxGet VM183 AJAX.html:52onclick

Источник

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

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

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

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

В этой статье мы собираемся перейти прямо в раздел активного обучения, чтобы сразу дать вам реальное представление о том, для чего используются технологии внедрения. Нам очень хорошо знаком 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 Элементы и «>Элементы и

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

(en-US)
URL встраиваемого контента	src	data (en-US)
точный media type встраиваемого контента	type	type (en-US)
высота и ширина (в пикселях) элемента, управляемого плагином	height width	height (en-US) width (en-US)
имена и значения, предоставляемые плагину в качестве параметров	Особые атрибуты,с их именами и значениями	одиночные элементы Ниже представлен пример использования элемента для вставки Flash-фильма (загляните на live on Github, а также на check the source code): Достаточно ужасно, не так ли? Html-код, генерируемый Flash, имел склонность быть значительно хуже. Он использовал элемент вместе со встроенным элементом для скрытия всего фундамента (взгляните на пример). Flash ранее использовался в качестве резерва для HTML5-видео (в случае его отсутствия), но со временем необходимость в этом отпала. PDF-файлы были необходимым средством достижения цели в качестве преобразования бумажной информации в цифровую, но, в то же время, они имеют множество проблем доступности и плохо читаемы на мелких экранах. В некоторых кругах они всё ещё пользуются популярностью, так что заметим, что вместо встраивания в страницу следует использовать ссылки (для скачивания или чтения на отдельной вкладке). Дело против плагинов Когда-то плагины были незаменимы в Интернете. Помните дни, когда вам приходилось устанавливать Adobe Flash Player для просмотра онлайн-фильма? И потом постоянно возникали раздражающие предупреждения об обновлении Flash Player и Java Runtime Environment. С тех пор веб-технологии стали намного надёжнее. Почти всем сервисам пришло время прекратить доставлять контент с помощью плагинов и вместо этого использовать веб-технологии. Итак, что нужно делать? Если вам нужна интерактивность, HTML и JavaScript могут легко выполнить задание для вас без необходимости использования апплетов Java или устаревшей технологии ActiveX / BHO. Вместо того, чтобы полагаться на Adobe Flash, вы можете использовать видео HTML5 для своих медиа-потребностей, SVG для векторной графики и Canvas для сложных изображений и анимаций. Питер Элст уже писал несколько лет назад, что Adobe Flash редко является подходящим инструментом для работы, за исключением специализированных игр и бизнес-приложений. Что касается ActiveX, браузер Microsoft Edge (en-US) больше не поддерживает его. Заключение Тема встраивания другого контента в веб-документы поначалу может показаться очень сложной для понимания, поэтому в этой статье мы попытались представить её простым, знакомым способом, который сразу же станет актуальным, но всё же намекает на некоторые из более сложных функций вовлечённых технологий. Начнём с того, что вы вряд ли будете использовать большое количество встраивании стороннего контента, помимо встроенных карт и видео на своих страницах. Источник Что сейчас актуально в качестве замены 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) накостылять фреймсету, чтобы он начал работать правильно, но это уже будет не «железобетонный фреймсет», а «набор железобетонных костылей». Источник ← Чем заменить фрезу для маникюра Чем заменить фреймы на html5 → Вам также понравится Хроническая фетоплацентарная недостаточность что это 13.01.202321.02.2023 admin 0 19426 дней в годах 12.01.202313.01.2023 admin 0 Чем выравнивают торт молочная девочка 14.01.202304.03.2023 admin 0 Добавить комментарий Отменить ответ Ваш адрес email не будет опубликован. Обязательные поля помечены * Комментарий * Имя * Email * Сохранить моё имя, email и адрес сайта в этом браузере для последующих моих комментариев.