Տէկ iframe
Տէկը iframe թույլ է տալիս ներդնել մի կայքի բովանդակությունը մյուսի մեջ: Այն օգտագործվում է բովանդակություն, ինչպիսին է տեսահոլովակը, պատկերները կամ հոդվածները, ցուցադրելու առանց նոր պատուհան կամ ներդիր բացելու անհրաժեշտության:
Ներդրվող կայքի բովանդակությունը կունենա
հենց այդ կայքի դիզայնը: Այդ դեպքում մեր կայքի
CSS ոճերը, ինչպես նաև մեր JavaScript կոդը
չեն ազդի iframe տէկի բովանդակության վրա:
iframe-ի բովանդակությանը կարելի է կիրառել
մեր JavaScript-ը, սակայն դրա համար անհրաժեշտ է գործել
հատուկ մեթոդներով:
iframe տէկը լայնորեն օգտագործվում է կայքերում YouTube-ից և այլ պլատֆորմներից տեսահոլովակներ ներդնելու, ինչպես նաև այլ աղբյուրների հոդվածներ և պատկերներ ցուցադրելու համար:
Ատրիբուտներ
| Ատրիբուտ | Նկարագրություն |
|---|---|
src |
Նշում է այն էջի հասցեն, որը պետք է ներդրվի: |
srcdoc |
Թույլ է տալիս սահմանել iframe-ի բովանդակությունը անմիջապես ատրիբուտում: |
frameborder |
Սահմանում է շրջանակ iframe-ի շուրջ:
yes արժեքը սահմանում է շրջանակ (լռելյայն),
իսկ no արժեքը հեռացնում է շրջանակը:
|
scrolling |
Սահմանում է ոլորման գծեր iframe-ի ներսում:
auto արժեքը - ոլորում է անհրաժեշտության դեպքում (լռելյայն),
yes արժեքը - ոլորում է միշտ,
no արժեքը - ոլորում չկա:
|
Օրինակ
Եկեք մեր կայքում տեղադրենք iframe այլ կայքով (օրինակի համար վերցնենք ):
html<iframe src="/" width="600" height="400"></iframe>
Результат:
Օրինակ
Մեր կայքում տեղադրենք տեսահոլովակ YouTube-ից:
html<iframe
src="https://www.youtube.com/embed/KzQrHpB1H8U"
allowfullscreen
width="400"
height="400">
</iframe>
Результат:
Օրինակ
Գրենք բովանդակությունը ուղղակի iframe-ում:
html<iframe
srcdoc="<h1>վերնագիր</h1><p>տեքստ</p>"
width="300"
height="200">
</iframe>
Результат: