Πώς και πότε να χρησιμοποιείτε Iframes (Inline Frames)

click fraud protection

Ενσωματωμένα καρέ, συνήθως απλά καλούμενα iframes, είναι ο μόνος τύπος πλαισίου που επιτρέπεται στο HTML5. Αυτά τα καρέ είναι ουσιαστικά ένα τμήμα της σελίδας σας που "κόβετε". Στον χώρο που έχετε αποκόψει από τη σελίδα, μπορείτε στη συνέχεια να τροφοδοτήσετε σε μια εξωτερική ιστοσελίδα.

Στην ουσία, ένα iframe είναι ένα άλλο παράθυρο του προγράμματος περιήγησης που βρίσκεται μέσα στην ιστοσελίδα σας. Βλέπετε κώδικα iframe που χρησιμοποιούνται συνήθως σε ιστότοπους που πρέπει να περιλαμβάνουν εξωτερικό περιεχόμενο όπως ένας χάρτης Google ή ένα βίντεο από το YouTube. Και οι δύο δημοφιλείς ιστότοποι χρησιμοποιούν iframes στον κώδικα ενσωμάτωσης.

Τρόπος χρήσης του στοιχείου IFRAME

Παράθυρο προγράμματος περιήγησης
filo / Getty Images

Το στοιχείο χρησιμοποιεί τα καθολικά στοιχεία HTML5 καθώς και πολλά άλλα στοιχεία. Τέσσερα είναι επίσης χαρακτηριστικά στο HTML 4.01:

  • τη διεύθυνση URL για την πηγή του καρέ,
  • το ύψος του παραθύρου,
  • το πλάτος του παραθύρου και
  • το όνομα του παραθύρου

Τρία είναι νέα στο HTML5:

  • Srcdoc: Το HTML για την πηγή του καρέ. Αυτό το χαρακτηριστικό υπερισχύει οποιασδήποτε διεύθυνσης URL στο
    instagram viewer
    src Χαρακτηριστικό.
  • Sandbox: Μια λίστα χαρακτηριστικών που πρέπει να επιτρέπονται ή να μην επιτρέπονται στο παράθυρο πλαισίου.
  • Αδιάλειπτη: Λέει στον πράκτορα χρήστη ότι το iframe πρέπει να αποδίδεται όπως είναι αόρατα μέρος του γονικού εγγράφου.

Για να δημιουργήσετε ένα απλό iframe, ορίστε τη διεύθυνση URL προέλευσης και το πλάτος και το ύψος σε pixel:


Χρησιμοποιήστε ένα ποσοστό αντί για ένα καθορισμένο μέγεθος σε pixel για μια ιστοσελίδα που ανταποκρίνεται του οποίου το μέγεθος θα πρέπει να αλλάξει με διαφορετικά μεγέθη οθόνης.

Υποστήριξη προγράμματος περιήγησης Iframe

ο iframe Το στοιχείο υποστηρίζεται από όλα τα σύγχρονα προγράμματα περιήγησης για επιτραπέζιους υπολογιστές και κινητά. Ωστόσο, ορισμένα προγράμματα περιήγησης δεν ανταποκρίνονται ακόμη σταθερά στα τρία νέα χαρακτηριστικά HTML5 για αυτό το στοιχείο.

Iframes και ασφάλεια

ο iframe στοιχείο, από μόνο του, δεν αποτελεί κίνδυνο για εσάς ή τους επισκέπτες του ιστότοπού σας. Τα Iframes έχουν πάρει κακή φήμη επειδή μπορούν να χρησιμοποιηθούν από κακόβουλους ιστότοπους για να συμπεριλάβουν περιεχόμενο που μπορεί να μολύνει τους επισκέπτες υπολογιστή χωρίς να το βλέπουν στη σελίδα, ενσωματώνοντας συνδέσμους που δείχνουν το αόρατο iframe και αυτά τα σενάρια ξεκίνησαν κακόβουλα κώδικας.

Ορισμένοι ιοί υπολογιστών εισάγουν ένα αόρατο iframe στις ιστοσελίδες σας, μετατρέποντας αποτελεσματικά τον ιστότοπό σας σε botnet.

Οι επισκέπτες του ιστότοπού σας είναι εξίσου ασφαλείς με το περιεχόμενο όλων των ιστότοπων στους οποίους συνδέεστε. Εάν έχετε λόγο να πιστεύετε ότι ένας ιστότοπος είναι αναξιόπιστος, μην συνδέεστε σε αυτόν με οποιονδήποτε τρόπο.

instagram story viewer