Συμβουλές για πλαίσια HTML για κοινά προβλήματα

click fraud protection

Οπως και σχεδιαστές ιστοσελίδων, όλοι θέλουμε να συνεργαστούμε με τις πιο πρόσφατες και καλύτερες τεχνολογίες. Μερικές φορές, ωστόσο, έχουμε κολλήσει να εργαζόμαστε σε παλαιότερες σελίδες που, για έναν ή τον άλλο λόγο, δεν μπορούν να ενημερωθούν στα τρέχοντα πρότυπα ιστού. Αυτό το βλέπετε σε ορισμένες εφαρμογές λογισμικού που μπορεί να έχουν δημιουργηθεί κατά παραγγελία για εταιρείες πριν από πολλά χρόνια. Εάν είστε επιφορτισμένοι με τη δουλειά να εργάζεστε σε αυτούς τους ιστότοπους, αναμφίβολα θα έχετε τα χέρια σας βρώμικα να λειτουργούν με κάποιο παλιό κώδικα. Μπορεί να δείτε ακόμη και δύο εκεί!

Το στοιχείο HTML ήταν ένα προσάρτημα του σχεδιασμός ιστότοπου πριν από μερικά χρόνια, αλλά είναι μια δυνατότητα που σπάνια βλέπετε σε ιστότοπους αυτές τις μέρες - και για καλό λόγο. Ας δούμε πού είναι η υποστήριξη σήμερα και τι πρέπει να γνωρίζετε εάν αναγκάζεστε να εργαστείτε με πλαίσια σε έναν ιστότοπο παλαιού τύπου.

Υποστήριξη HTML5 για πλαίσια

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

instagram viewer
HTML 4.01 ή XHTML για το δικό σας το είδος της σελίδας.

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

Να μην συγχέεται με τα iFrames

Το HTML

Στόχευση πλαισίων HTML

Εντάξει, οπότε έχουν ειπωθεί τα πάντα σχετικά με τα παρωχημένα πλαίσια, τι θα συμβεί αν χρειαστεί να εργαστείτε με αυτά τα παλιά κομμάτια HTML;

Εάν χρησιμοποιείτε παλαιότερο τύπο τύπου και θέλετε να χρησιμοποιήσετε πλαίσια HTML, υπάρχουν ορισμένα κοινά προβλήματα που πρέπει να γνωρίζετε. Ένα από αυτά τα ζητήματα είναι να ανοίξετε τους συνδέσμους στο σωστός πλαίσιο. Αυτό ονομάζεται στόχευση. Δίνεις στις ετικέτες αγκύρωσης ένα "στόχος"για να ανοίξουν τους συνδέσμους τους στο. Ο στόχος είναι συνήθως το όνομα του καρέ.


Στο παραπάνω frameset, υπάρχουν δύο πλαίσια, το πρώτο ονομάζεται "nav" και το δεύτερο ονομάζεται "main". Μπορούμε να φανταστούμε ότι το πλαίσιο nav (frame1.html) είναι πλοήγηση και όλοι οι σύνδεσμοι μέσα σε αυτό θα πρέπει να ανοίγουν μέσα στο κύριο πλαίσιο (frame2.html).

Για να το κάνετε αυτό, θα δώσετε στους συνδέσμους στο frame1 τον στόχο του "main". target = "main">. Τι γίνεται όμως αν δεν θέλετε να προσθέσετε τον στόχο σε κάθε σύνδεσμο στη σελίδα πλοήγησης; Μπορείτε να ορίσετε έναν προεπιλεγμένο στόχο στο HEAD του εγγράφου σας. Αυτό ονομάζεται βασικός στόχος. Θα προσθέσετε τη γραμμή

Πλαίσια και Noframes

Μία από τις πιο κακώς ενωμένες ενότητες της ετικέτας καρέ είναι τα noframes. Αυτή η ετικέτα επιτρέπει σε άτομα με ασύμβατα προγράμματα περιήγησης να βλέπουν τη σελίδα σας (αυτό δεν λειτουργεί για HTML5, μόνο για πραγματικά παλιά προγράμματα περιήγησης χωρίς υποστήριξη καρέ - οπότε δεν μπορείτε να προσπαθήσετε να το κολλήσετε σε HTML5 για να το φτιάξετε εργασία. Ωραία προσπάθεια, αλλά όχι τύχη.), Και αυτός είναι ο τελικός στόχος, έτσι δεν είναι;

Σε ένα τυπικό σετ καρέ, ο HTML μοιάζει με αυτό:


Αυτό θα δημιουργήσει μια σελίδα με δύο καρέ, το πάνω με ύψος 40 εικονοστοιχεία και το κάτω μέρος θα είναι η υπόλοιπη σελίδα. Αυτό θα έκανε ένα ωραίο πλαίσιο πλαισίου πλοήγησης με την επωνυμία και την πλοήγηση στο πλαίσιο των 40 pixel.

Ωστόσο, εάν κάποιος από τους θεατές σας έρθει στον ιστότοπό σας σε ασύμβατο πρόγραμμα περιήγησης, λαμβάνει μια κενή σελίδα. Οι πιθανότητες να επιστρέψουν στον ιστότοπό σας είναι πολύ μικρές και για να είναι ορατές από αυτούς πρέπει να προσθέσετε τέσσερις ακόμη γραμμές HTML:


Αυτός ο ιστότοπος είναι πλαισιωμένος, αλλά μπορείτε δείτε μια έκδοση χωρίς πλαίσιο.

Επειδή επισημαίνετε το τμήμα περιεχομένου του συνόλου πλαισίων σας (frame2.html) στο τμήμα noframes της σελίδας, ο ιστότοπός σας γίνεται προσβάσιμος.

Λάβετε υπόψη ότι ενώ χρησιμοποιείτε την τελευταία έκδοση του το αγαπημένο σας πρόγραμμα περιήγησης, το κοινό σας μπορεί να μην θέλει να κατεβάζει συνεχώς το πιο πρόσφατο λογισμικό. Το μηχάνημά τους ενδέχεται να μην το υποστηρίζει ή μπορεί να μην έχουν χώρο για να εγκαταστήσουν ένα πρόγραμμα 20+ Meg στον σκληρό τους δίσκο. Η προσθήκη τεσσάρων γραμμών HTML είναι μια απλή λύση.

instagram story viewer