Атрибуты для фреймов html

hqdefaultПрежде чем мы затронем новую тему – Iframe, следует разобраться еще с несколькими атрибутами фреймов. Тэг <frame> содержит атрибуты, задав значение для которых, мы получаем возможность изменить высоту и ширину полей, изменить или запретить изменять границы фрейма, изменить толщину рамки, настроить полосы прокрутки.

Атрибут Scrolling, отвечающий за полосы прокрутки, устанавливается в значениях:

«no» – полосы прокрутки не нужны,
«yes» – прокрутка отображается всегда,
«auto» – полосы активизируются в случае, если контент не уместился в фрейме данного размера.

Атрибут Noresize запрещает изменять размеры фрейма.

Border с заданным значением, к примеру, в пикселях, устанавливает толщину рамки.

Marginwidth и Marginheight задают ширину и высоту полей соответственно.

Теперь врнемся к нашему html-документу и укажем вышеперечисленные атрибуты со значениями:

посмотреть результат

 

Вот и готов шаблон страницы.

Теперь каждый фрейм поместим в отдельный документ (как было указано в прошлых разделах), заливаем их на хостинг, получаем url, которые вставим в наш шаблон.

Рассмотрим теперь еще один тег, который по сути является контейнером, в который можно поместить код целого html-документа. На языке разметки он записывается так <iframe></iframe>. Этот элемент еще называют встроенным либо плавающим фреймом. А вот пример использования Iframe:

Знакомый нам тэг <img>  с атрибутом align отвечает за выравнивание контейнера по краю. Если потребуется отображение границ встроенного фрейма, устанавливаем атрибут frameborder в значение «1», в противном случае ставим «0». Для указания высоты и ширины вставленного фрейма задают значения для атрибутов height и width соответственно. При необходимости указать имя фрейма используем name=”my_frame_name”. Полезный атрибут vspace позволяет задать значение вертикального отступа между фреймом и остальным контентом страницы. Scrolling ничем не отличается от одноименного, описанного выше для <frame> атрибута.
Пример использования <iframe> для отображения документа html в окне смотрите ниже:

посмотреть результат

 

Далеко не многие web-разработчики пользуются фреймами при создании сайтов, поскольку из-за них может ухудшиться индексация поисковыми роботами. На самом деле довольно сложно сказать что-то однозначное по этому поводу, возможно так и есть. Но мой собственный опыт демонстрирует обратное: созданный на основе фреймов сайт довольно неплохо индексировался поисковыми машинами, несмотря на то, что он состоял из внушительного количества страниц. Так что можно сделать вывод, что это дело вкуса, выбрать ли реализацию сайта на фреймах, или пользоваться таблицами <table>.

Поделиться в соц. сетях

Опубликовать в Google Buzz
Опубликовать в Google Plus
Опубликовать в LiveJournal
Опубликовать в Мой Мир
Опубликовать в Одноклассники

Оставить комментарий

http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_bye.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_good.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_negative.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_scratch.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wacko.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yahoo.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cool.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_heart.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_rose.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_smile.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_whistle3.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_yes.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_cry.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_mail.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_sad.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_unsure.gif 
http://rabotapad.ru/wp-content/plugins/wp-monalisa/icons/wpml_wink.gif 
 

Goon Каталог сайтов Рейтинг@Mail.ru Яндекс.Метрика