Как лучше применять фреймы Iframe и Frame в Html в чем оличие

Фреймы в языке Html — Frame настоящий и будущий Iframe имеют свои отличия. Их используют для сайтов, приложений, программ. Отличие в том, что с их помощью окно web страницы, приложения делится на несколько областей, каждая будет иметь отдельно загруженный документ.

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

Frame, Frameset и Noframes

Для создания фреймовой структуры в языке гипертекстовой разметки по стандарту стандарт Html 4.01 используют три элемента — Frame, Frameset и Noframes.

Встроенный фрейм Iframe в стандарте Html 5 не нуждается в замене тега Body на теги Frameset. Его можно в будущем вставлять на обычные страницы, он чем-то схож с тегом Img. К тому же фрейм ведет себя как строчный элемент, внутри которого загружен посторонний внешний контент. К примеру, видео. Указателем пути к файлу выступает атрибут Src. Но элемент Iframe является парным – у него есть еще закрывающий тег. Ширину и высоту области задают с помощью Width и Height, атрибут Src обозначает путь к объекту.

Для того, чтобы создать классическую фреймовую структуру необходимо прописать в Html коде контейнер на основе элементов Frameset, который используется вместо открывающего и закрывающего тега Body. Последний как раз задействовать нельзя в этом случае.

Парный фрейм Noframes дает возможность написать внутри себя какой-то текст. Он будет обрабатываться браузером и отображается на веб — странице если браузер не может поддерживать фреймы. В Noframes добавляют возможность перейти на другие страницы.

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

Но кроме атрибутов тега Frame Html — Src и Name используются для настройки внешнего вида фреймов еще и другие виды. Scrolling поможет сделать настройку отображения полос прокрутки отдельно для каждого окна фреймовой структуры. Noresize не имеет значений, он одиночный атрибут, который позволит после своей прописки запретить изменение размеров. Frameborder поможет указать два возможных значения —0 не рисовать рамку или 1 – отображать границу.

Еще есть такие атрибуты — Marginwidth и Marginheight, задающие отступы по ширине и высоте от границ окна до контента, который не него загружен.

Но делать сайт на фреймах нельзя. Url – адрес структуры не дает возможности отследить ее состояние. А их может быть несколько тысяч, хотя сам урл-адрес не меняется. Это не дает пользоваться закладками браузера, брать ссылки. И все потому, что адрес не изменен. И когда его открывают из закладки, письма получается страница со стартовым состоянием, а не в том виде, в каком хотелось ее сохранить. Это очень весомый недостаток. Но есть и другие. Если сайт построили на основе фреймовой структуры, будет открываться только документ, загруженный в один из фреймов, но не полностью вся структура. Проще говоря посетитель сайта будет видеть один документ, но вся навигация будет скрыта в других окнах. Это делает сайт не юзабельным.

Нужно сказать, что ограничения относятся только к структурам на тегах Frame и Frameset, а вот недостатков встроенных фреймов на тегах Iframe нет и их можно задействовать в проектах для размещения видеороликов с Ютуба.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *