ინლაინ ჩარჩოები საშუალებას გაძლევთ ჩართოთ შინაარსი გარე წყაროებიდან შენი გვერდებზე
Inline frames, როგორც წესი, უბრალოდ მოხსენიებული, როგორც "iframes", არის ერთადერთი ტიპის ფარგლებში დასაშვებია HTML5. ეს ჩარჩოები არსებითად თქვენი გვერდის განყოფილებაა, რომელიც "ამოჭრილია". სივრცეში, რომ თქვენ არ ამოჭრა გვერდზე, შეგიძლიათ შემდეგ შესანახი გარე ვებგვერდზე. არსებითად, iframe არის კიდევ ერთი ბრაუზერის ფანჯარაში მითითებული თქვენს ვებ გვერდზე. თქვენ ხედავთ იმ საიტებზე, რომლებიც გამოიყენება ვებსაიტებზე, რომლებიც უნდა შეიცავდეს გარე კონტენტს, როგორიცაა Google რუკა ან YouTube- დან ვიდეო.
ორივე პოპულარული საიტები ორივე გამოიყენოთ iframes მათი embed კოდი.
როგორ გამოვიყენოთ IFRAME ელემენტი
ელემენტს იყენებს HTML5 გლობალური ელემენტები, ისევე როგორც რამდენიმე სხვა ელემენტები. ოთხივე ატრიბუტირებულია HTML 4.01:
- - URL for ფარგლებში ფარგლებში ჩარჩო
- ფანჯრის სიმაღლე
- ფანჯრის სიგანე
- ფანჯრის სახელი
სამი ახალია HTML5- ში:
- srcdoc - HTML- ის ჩარჩოს წყაროსთვის. ეს ატრიბუტი src ატრიბუტში ნებისმიერი URL- ს უპირატესობას ანიჭებს
- სავარჯიშო - ფუნქციების ჩამონათვალი, რომელიც უნდა დაიშვება ან არ დაიშვება ჩარჩო ფანჯარაში
- seamless- მიუთითებს მომხმარებლის აგენტი, რომ iframe უნდა გაწეული, როგორც ეს შეუმჩნეველია ნაწილი მშობელი დოკუმენტი
მარტივი iframe აშენების, თქვენ წყაროს URL და სიგანე და სიმაღლე:
გაითვალისწინეთ, რომ თქვენ შეგიძლიათ აირჩიოთ არ გამოიყენოთ პიქსელი ღირებულებები თქვენი iframe- ის პარამეტრებისთვის, მაგრამ ამის ნაცვლად შეგიძლიათ გამოიყენოთ პროცენტული გამოყენება.
თუ თქვენ აშენებთ საპასუხო ვებსაიტს, რომლის დახვეწაც სხვადასხვა ეკრანზე უნდა შეიცვალოს, ეს პროცენტები მნიშვნელოვანი იქნება.
ასევე არსებობს რამდენიმე ატრიბუტი, რომლებიც მოქმედებს HTML 4.01 მაგრამ მოძველებულია HTML5- ში. მას შემდეგ, რაც ყველაზე მეტ ვებსაიტს დღეს იყენებს HTML5 +, ეს ატრიბუტები არის ის, ვისაც არ სურს გამოიყენოს (მაგრამ რომელიც შეგიძლიათ იხილოთ ზოგიერთ მემკვიდრეობითი დოკუმენტში).
- -ის ნაცვლად, გამოიყენეთ A ელემენტის აღწერილობა აღწერაში
- გამოიყენეთ CSS float- ის საკუთრება
- allowtransparency- ის ნაცვლად, გამოიყენეთ CSS ფონური ქონება, რათა თუ არა გამჭვირვალე
- - გამოიყენეთ საზღვრის CSS ქონება
- marginheight -ის ნაცვლად გამოიყენეთ CSS ზღვარი
- marginwidth- ის ნაცვლად გამოიყენეთ CSS ზღვარი
- - გამოიყენეთ CSS overflow ქონება
IFRAME ბრაუზერის მხარდაჭერა
IFRAME- ის ელემენტი მხარს უჭერს ყველა თანამედროვე ბრაუზერს:
- Android
- Chrome
- Firefox
- Internet Explorer 2+
- iOS / Safari მობილური
- Netscape 7+
- ოპერა 3+
- Safari
თუ ვერსია არ არის ნაჩვენები სიაში, ეს იმიტომ, რომ ყველა ბრაუზერი მხარს უჭერს მას.
ერთი რამ უნდა იყოს მავიწყდება ის, რომ ყველა ბრაუზერი მხარს უჭერს IFRAME ელემენტს, ჯერ კიდევ არსებობს შეზღუდული მხარდაჭერა ზოგიერთი HTML5 თვისებები.
- ჩამორჩენის გამოყენება გამორთვა არ არის საიმედო. თუ არ გსურთ გრაგნილები თქვენს საიდუმლოებზე, უნდა გააგრძელოთ სკროლის ატრიბუტი.
- Srcdoc, სავარძელი და seamless ატრიბუტები არ არის მხარდაჭერილი ნებისმიერი ბრაუზერები ამ დროს.
აკავშირებს iframes
როდესაც თქვენ თქვენი iframes სახელი ან ID შეგიძლიათ შემდეგ აღვნიშნო თქვენი ბმულები რომ ჩარჩო ერთად ატრიბუტი ელემენტს. მაშინ, როდესაც მომხმარებელი დააჭერს ბმულზე, ის გახსნის შიგნით მითითებულ iframe ვიდრე მიმდინარე ფანჯარაში.
სცადეთ თავს. აკრიფეთ შემდეგი ვებ გვერდზე:
იმ შემთხვევაში, თუ IFRAME- ში გახსნილი დოკუმენტი არ არსებობს სამიზნეები , მაშინ ყველა ეს ბმული გაიხსნება იმავე iframe- ში, როგორც მშობლის დოკუმენტი.
თქვენ შეგიძლიათ გამოიყენოთ ეს ფუნქცია იმისათვის, რომ ერთ-ერთი IFRAME- ის ბმულები შეცვალონ იმავე გვერდზე სხვა IFRAME- ის შინაარსი.
IFrames და უსაფრთხოება
IFRAME ელემენტი, თავისთავად, არ არის უსაფრთხოების რისკი თქვენ ან თქვენს მკითხველს.
სამწუხაროდ iframes აქვს ცუდი რეპუტაცია, რადგან ისინი შეიძლება გამოყენებულ მუქარის საიტებზე მოიცავს შინაარსის, რომელიც შეიძლება აინფიცირებს სტუმარი კომპიუტერის მათ გარეშე ხედავს მას გვერდზე. ეს კეთდება ბმულების აღნიშვნით უხილავი IFRAME და იმ სკრიპტები, რომლებიც დადგენილია მუქარის კოდით. მომხმარებელი დააკავშირებს ბმულს და ფიქრობს, რომ ბმული გატეხილია, რადგან არაფერი მოხდა, მაგრამ სკრიპტი დაიძრა, სადაც ვერ ხედავდნენ.
ასევე არსებობს კომპიუტერული ვირუსები, რომლებიც შედის უხილავი IFRAME თქვენს ვებ-გვერდებზე, ეფექტურად გადააქცევთ თქვენს ვებ-გვერდს ბოტნეტში. მათ შეუძლიათ გააკეთონ ეს მეშვეობით SQL ინექცია და სხვა თავდასხმები.
რამ უნდა გვახსოვდეს, როდესაც მათ შორის IFRAME თქვენს ვებ გვერდზე არის ის, რომ თქვენი მომხმარებლები მხოლოდ იმდენად უსაფრთხოა, რომ თქვენ ხართ ყველა საიტთან დაკავშირებული ბმული. თუ თქვენ გაქვთ მიზეზი, რომ საიტი არათანმიმდევრულია, არ დაუკავშიროთ მას ნებისმიერ დროს და ყველაზე მეტად არ შეიცავს შინაარსს IFRAME- ში. თუმცა, თუ თქვენი გვერდებთან დაკავშირებული საიტთან დაკავშირებული ბმულები აკრეფილია, არ უქმნის თქვენს რისკს ან თქვენს მომხმარებლებს.
ჯენიფერ კრიინინის ორიგინალური სტატია. რედაქტირება 11/7/16 მიერ Jeremy Girard