iFrame: Πώς να δείτε συγκεκριμένο τμήμα μιας ιστοσελίδας με τη χρήση iframe

iFrame: Πώς να δείτε συγκεκριμένο τμήμα μιας ιστοσελίδας με τη χρήση iframe

Κάποιοι με ρωτούν «πώς μπορώ να εμφανίσω μια συγκεκριμένη περιοχή ενός δικτυακού τόπου με τη χρήση iframe;" Έτσι, σήμερα θα σας δείξω έναν τρόπο για να εμφανιστεί συγκεκριμένη περιοχή / τμήμα μιας ιστοσελίδας με τη χρήση της ετικέτας iframe. Iframing μια εξωτερική ιστοσελίδα δεν είναι τόσο δύσκολο. Το μόνο που χρειάζεται είναι λίγη γνώση σχετικά με τις βασικές εντολές HTML και CSS για να το κάνουμε αυτό. 

Η <iframe> tag καθορίζει ένα πλαίσιο που επιπλέει inline, που χρησιμοποιείται για να ενσωματώσετε εξωτερικό περιεχόμενο σε μια ιστοσελίδα. Χρησιμοποιώντας iframe εύκολα μπορούμε να παρουσιάσουμε μια εξωτερική ιστοσελίδα, συμπεριλαμβανομένων κειμένου, εικόνων και βίντεο κλπ. Αλλά εδώ θα πάμε να δούμε "πώς να εμφανίσει ένα συγκεκριμένο τμήμα μιας ιστοσελίδας χρησιμοποιώντας <iframe>" 

Γιατί χρειαζόμαστε iframe από μια συγκεκριμένη περιοχή ενός δικτυακού τόπου;

Αν δεν ορίσουμε στο iframe που θέλουμε να εμφανίσουμε κάποια css χαρακτηριστικά, το iframe θα εμφανίζεται από την πάνω και αριστερή γωνία της σελίδας μας.

Ακολουθήστε τις παρακάτω οδηγίες για να εμφανίσετε μια συγκεκριμένη περιοχή μιας ιστοσελίδας χρησιμοποιώντας iFrame & CSS

Για να το κάνετε αυτό, απλά αντιγράψτε τον παρακάτω κώδικα και επικολλήστε τον όπου θέλετε στην ιστοσελίδα σας.

<div style="border: 3px solid rgb(201, 0, 1); overflow: hidden; margin: 15px auto; max-width: 736px;">
<iframe scrolling="no" src="http://www.w3schools.com/css/default.asp" style="border: 0px none; margin-left: -185px; height: 859px; margin-top: -533px; width: 926px;">
</iframe>
</div>

Σημείωση: Αντικαταστήστε τη διεύθυνση URL με τα δικά σας. Για να φέρετε την σελίδα να εμφανίζεται στο σημείο που θέλετε εσείς αλλάξτε τις παραμέτρους max-width, margin-left, height, margin-top, width.

Πηγή: DIMPost - Technology Blog