Πλαίσια του HTML

Με τη χρήση πλαίσια, μπορείτε να εμφανίσετε περισσότερες από μια σελίδες στην ίδια στήλη περιήγησης.

Παράδειγμα

Κάθετο πλαίσιο
Παράδειγμα: Πώς να δημιουργήσετε ένα κάθετο πλαίσιο χρησιμοποιώντας τρία διαφορετικά έγγραφα.
Οριζόντιο πλαίσιο
Παράδειγμα: Πώς να δημιουργήσετε ένα οριζόντιο πλαίσιο χρησιμοποιώντας τρία διαφορετικά έγγραφα.

(Περισσότερες παραδείξεις μπορείτε να βρείτε στο κάτω μέρος αυτής της σελίδας)

Πλαίσιο

Με τη χρήση πλαίσια, μπορείτε να εμφανίσετε περισσότερες από μια σελίδες στην ίδια στήλη περιήγησης. Κάθε έγγραφο HTML ονομάζεται πλαίσιο και κάθε πλαίσιο είναι ανεξάρτητο από τα άλλα πλαίσια.

Μειονεκτήματα της χρήσης πλαίσια:

  • Οι προγραμματιστές πρέπει να παρακολουθούν ταυτόχρονα περισσότερα έγγραφα HTML
  • Είναι δύσκολο να εκτυπωθεί ολόκληρη η σελίδα
Το σήμα δομής πλαίσια (frameset>)
  • Το σήμα δομής πλαίσια ((frameset>) ορίζει πώς να διαιρείται το παράθυρο σε πλαίσια
  • Κάθε frameset ορίζει μια σειρά γραμμώνήΣτήλη
  • Οι τιμές rows/columns καθορίζουν την επιφάνεια της οθόνης που καταλαμβάνει κάθε γραμμή ή στήλη

Σημείωση του συντάκτη:Το σήμα frameset έχει επίσης μεταφραστεί σε ορισμένα άρθρα και βιβλία ως πλαίσια.

Σημεία πλαίσια (Frame)

Το σήμα Frame ορίζει το HTML έγγραφο τοποθετημένο σε κάθε πλαίσιο.

Στο παρακάτω παράδειγμα, έχουμε ρυθμίσει έναν πλαισίων με δύο στήλες. Η πρώτη στήλη έχει ρυθμιστεί να καταλαμβάνει το 25% του παραθύρου του περιηγητή. Η δεύτερη στήλη έχει ρυθμιστεί να καταλαμβάνει το 75% του παραθύρου του περιηγητή: Η ιστοσελίδα HTML "frame_a.htm" είναι τοποθετημένη στην πρώτη στήλη, ενώ η ιστοσελίδα HTML "frame_b.htm" είναι τοποθετημένη στη δεύτερη στήλη:

<frameset cols="25%,75%">
　　 <frame src="frame_a.htm">
　　 <frame src="frame_b.htm">
</frameset>

Βασικές προειδοποιήσεις - χρήσιμες συμβουλές:

Εάν ένα πλαίσιο έχει ορατά όρια, ο χρήστης μπορεί να κουράρει τα όρια για να αλλάξει το μέγεθος του. Για να αποφύγουμε αυτή την κατάσταση, μπορεί να προσθέσουμε στο σήμα <frame>: noresize="noresize".

Προσθέστε το σήμα <noframes> για περιηγητές που δεν υποστηρίζουν πλαίσια.

Σημαντική προειδοποίηση:Δεν μπορείτε να χρησιμοποιήσετε τα σήματα <body></body> και <frameset></frameset> ταυτόχρονα! Ωστόσο, αν προσθέσετε σήματα <noframes> που περιέχουν κείμενο, πρέπει να τα τοποθετήσετε μέσα στα σήματα <body></body> (βλέπε τον πρώτο παράδειγμα για να δείτε πώς γίνεται αυτό).

Περισσότερα παραδείγματα

Πώς να χρησιμοποιήσετε το σήμα <noframes>
Αυτό το παράδειγμα δείχνει πώς να χρησιμοποιήσετε το σήμα <noframes>.
Μικτή δομή πλαίσια
Αυτό το παράδειγμα δείχνει πώς να δημιουργήσετε δομή πλαίσια με τρία έγγραφα, τα οποία συνδυάζονται σε γραμμές και στήλες.
Δομή πλαίσια με ιδιότητα noresize="noresize"
Αυτό το παράδειγμα δείχνει την ιδιότητα noresize. Σε αυτό το παράδειγμα, τα πλαίσια δεν μπορούν να προσαρμοστούν σε μέγεθος. Όταν κουνάτε το ποντίκι μεταξύ των κανονικών πλαίσια, θα δείτε ότι τα κανονικά πλαίσια δεν μπορούν να μετακινηθούν.
Πλαίσιο πλοήγησης
Αυτό το παράδειγμα δείχνει πώς να δημιουργήσετε πλαίσια πλοήγησης. Το πλαίσιο περιέχει μια λίστα συνδέσμων που στέλνει τον δεύτερο πλαίσιο ως στόχο. Το αρχείο "contents.htm" περιέχει τρεις συνδέσμους.
Ενσωματωμένα πλαίσια
Αυτό το παράδειγμα δείχνει πώς να δημιουργήσετε πλαίσια ενσωματωμένα (πλαίσια σε σελίδες HTML).
Μεταφορά σε ένα συγκεκριμένο κεφάλαιο εντός πλαίσια
Αυτό το παράδειγμα δείχνει δύο πλαίσια. Ένα από αυτά έχει ρυθμίσει έναν σύνδεσμο που στέλνει σε συγκεκριμένο κεφάλαιο ενός άλλου αρχείου. Το αρχείο "link.htm" σηματοδοτεί το κεφάλαιο με <a name="C10">.
Μεταφορά στο συγκεκριμένο κεφάλαιο χρησιμοποιώντας την πλοήγηση πλαίσια
Αυτό το παράδειγμα δείχνει δύο πλαίσια. Το αριστερό πλαίσιο περιέχει μια λίστα συνδέσμων που στέλνει τον δεύτερο πλαίσιο ως στόχο. Το δεύτερο πλαίσιο εμφανίζει το έγγραφο που συνδέεται.