Інтэрнэт, Вэб-дызайн
Як ўставіць у HTML iframe: прыклад выкарыстання
На світанку сайтостроения вэб-рэсурсы шырока выкарыстоўвалі фрэймы для адлюстравання асобных частак старонак. Але з прыходам новай версіі HTML 5 усё змянілася. Элементы разметкі , і
Што такое фрэймы?
Фрэйм - аснова большасці першых вэб-старонак. Калі перакладаць даслоўна, дадзенае слова азначае «кадр», гэта значыць фрэйм ўяўляе сабой невялікую частку старонкі ў браўзэры. Паўсюднае выкарыстанне фрэймаў ў мінулым можна растлумачыць нізкай якасцю і дарагоўляй інтэрнэт-трафіку. Як правіла, сайт разбіваўся на 3-5 частак, кожная з якіх выконвала пэўную прызначэнне:
- «Шапка» (верхні фрэйм па шырыні старонкі) - адлюстраванне назву рэсурсу;
- левы / правы «стакан» - выснова меню;
- цэнтральны фрэйм - паказ кантэнту сайта.
Разбіўка старонкі на часткі дазваляла перагрузіць толькі пэўную частку пры яе абнаўленні. Напрыклад, карыстальнік націскаў пункт меню, і ў цэнтральны фрэйм запампоўваецца новае змесціва.
Сучасныя фрэймы ў HTML 5
Навошта патрэбен у HTML Прыклад - устаўка кантэнту іншага рэсурсу. Класічнай з'яўляецца сітуацыя, калі вэб-распрацоўшчык жадае паказаць становішча аб'екта на карце. Як быць? Маляваць план мясцовасці з нуля? Няма - ёсць больш простае рашэнне: ўбудаваць на старонку элемент Google Map, Яндэкс Карты або 2ГИС. Задача вырашаецца ў чатыры дзеянні.
- Трэба перайсці на сайт любога картаграфічнага сэрвісу.
- Знайсці жаданы аб'ект. Ведаючы дакладны адрас, можна ўвесці яго ў акне пошуку.
- З дапамогай кнопкі «Захаваць і атрымаць код» (для "Яндекс.Карт") ці «Гатова» (для карт Google) атрымаць код для ўстаўкі.
- Засталося ўпісаць згенераваныя тэгі разметкі на старонку.
Дадаткова можна выбраць памер карты і наладзіць іншыя опцыі адлюстравання.
Як яшчэ можна выкарыстоўваць у HTML Прыклад - устаўка відэаматэрыялаў з рэсурсу Youtube. Мультымедыя-тэхналогіі прыцягваюць карыстальнікаў Інтэрнэту, таму відэакантэнт гэтак папулярны. З устаноўкай роліка распрацоўшчык справіцца хутка.
- Варта загрузіць на Youtube ўласнае відэа ці знайсці іншы файл для трансляцыі.
- Атрымаць тэг, выбраўшы кнопку «HTML-код»
- Заключнае дзеянне - уставіць у код HTML
У абодвух прыкладах выкарыстоўвалася аўтаматычнае фарміраванне кода, але прафесійныя распрацоўшчыкі павінны ўмець самі складаць яго. Па-першае, гэта дазволіць ім разабрацца ў вёрстцы старонкі і пры неабходнасці мадыфікаваць яе. Па-другое, не заўсёды разметка элементаў сайта (нават нягледзячы на тое, што яны належаць вонкавым рэсурсу), утворыцца без удзелу вэб-майстра. Вось тут і выяўляецца высокая кваліфікацыя распрацоўніка.
сінтаксіс
Такім чынам, перш чым прыступіць да вёрстцы старонкі, неабходна разгледзець тэг iframe (html): што гэта такое і як правільна яго выкарыстоўваць.
Перш за ўсё, трэба адзначыць, што тэг парны. Паміж адкрываюцца і зачыняюцца элементамі паказваюць змесціва, якое будзе адлюстроўвацца ў браўзэрах, не падтрымліваюць дадзены элемент разметкі. Асноўныя атрыбуты тэга:
- width (шырыня);
- height (вышыня);
- src (адрас загружанага рэсурсу);
- align (спосаб выраўноўвання);
- frameborder;
- allowfullscreen.
Такім чынам, атрыманы код для
У прыведзенай разметцы досыць замяніць адрас сайта на любы іншы і, калі гэта неабходна, скарэктаваць памеры фрэйма.
Similar articles
Trending Now