
Σε αυτό το άρθρο
Εάν σχεδιάζετε ιστοσελίδες για περισσότερους από μερικούς μήνες, πιθανότατα γνωρίζετε τη δυσκολία σύνταξης μιας σελίδας που μοιάζει η ίδια σε όλα τα προγράμματα περιήγησης. Στην πραγματικότητα, αυτό είναι αδύνατο. Πολλά προγράμματα περιήγησης γράφτηκαν με ειδικά χαρακτηριστικά που μόνο αυτά μπορούσαν να χειριστούν. Ή έχουν ειδικούς τρόπους χειρισμού πραγμάτων που διαφέρουν από το πώς τα χειρίζονται άλλα προγράμματα περιήγησης. Για παράδειγμα: DOCTYPE
type = «code»> κλήσεις.
- Τα επίπεδα δημιουργήθηκαν για χρήση σε προγράμματα περιήγησης Netscape. Δεν λειτουργούν σε κανένα άλλο πρόγραμμα περιήγησης και στην πραγματικότητα έχουν καταργηθεί στο Netscape 6.x +.
- Τα ενσωματωμένα πλαίσια δημιουργήθηκαν αρχικά μόνο για τον Internet Explorer και έκτοτε αποτελούν μέρος της προδιαγραφής HTML.
- Ο Internet Explorer 6.0 προσθέτει επιπλέον χώρο (όπως
) γύρω από τις ετικέτες, εκτός εάν γράψετε το περιεχόμενο του div all σε μία (μεγάλη) γραμμή. (Το IE 6 έχει πολλά περισσότερα ιδιορρυθμία καθώς και αυτό.) - Το Netscape 4.7 δεν θα εμφανίζει πίνακες που δεν είναι γραμμένοι σε σωστό HTML – αλλά δείχνει μια κενή σελίδα. Αυτό διορθώθηκε στο Netscape 6.
Το πρόβλημα για τους προγραμματιστές του προγράμματος περιήγησης είναι ότι πρέπει να δημιουργήσουν προγράμματα περιήγησης ιστού που είναι συμβατά προς τα πίσω με ιστοσελίδες που έχουν δημιουργηθεί για παλαιότερα προγράμματα περιήγησης. Για να αντιμετωπίσουν αυτό το ζήτημα, οι κατασκευαστές προγραμμάτων περιήγησης δημιούργησαν τρόπους λειτουργίας των προγραμμάτων περιήγησης. Αυτές οι λειτουργίες καθορίζονται από την παρουσία ή την απουσία ενός στοιχείου DOCTYPE και από αυτό το DOCTYPE
type = «code»> κλήσεις.
Εναλλαγή DOCTYPE και «Quirks Mode»
Εάν βάλετε τα ακόλουθα προγράμματα περιήγησης DOCTYPE Modern (Android 1+, Chrome 1+, IE 6+, iOS 1+, Firefox 1+, Netscape 6+, Opera 6+, Safari 1+) θα το ερμηνεύσετε με τον ακόλουθο τρόπο:
- Επειδή υπάρχει ένα σωστά γραμμένο DOCTYPE
, ενεργοποιεί την τυπική λειτουργία.
- Είναι ένα μεταβατικό έγγραφο HTML 4.01
- Επειδή βρίσκεται σε λειτουργία τυποποίησης, τα περισσότερα προγράμματα περιήγησης θα καταστήσουν το περιεχόμενο συμβατό (ή ως επί το πλείστον συμβατό) με HTML 4.01 Transitional
Και αν βάλετε αυτό το DOCTYPE Αυτό λέει στα σύγχρονα προγράμματα περιήγησης ότι θέλετε να εμφανίσετε τη σελίδα HTML 4.01 σε αυστηρή συμμόρφωση με το DTD. Αυτά τα προγράμματα περιήγησης θα τεθούν σε «αυστηρή» ή «πρότυπα» λειτουργία και θα καταστήσουν τη σελίδα σε συμμόρφωση με τα πρότυπα. (Έτσι, για αυτό το έγγραφο, ετικέτες όπως ενδέχεται να αγνοούνται εντελώς από το πρόγραμμα περιήγησης, καθώς το στοιχείο FONT έχει καταργηθεί στο HTML 4.01 Αυστηρό.) Εάν αποχωρήσετε από το DOCTYPE Ο παρακάτω πίνακας δείχνει τι κάνουν τα κοινά προγράμματα περιήγησης όταν παρουσιάζονται με διαφορετικά κοινά ΕΓΓΡΑΦΗ
Η Microsoft το κάνει πιο δύσκολο
Ο Internet Explorer 6 έχει επίσης τη δυνατότητα ότι αν βάλετε κάτι πάνω από το DOCTYPE
δήλωση, θα μεταβούν σε λειτουργία quirks. Έτσι, και τα δύο αυτά παραδείγματα θα θέσουν το IE 6 σε λειτουργία quirks, παρόλο που το DOCTYPE και το XHTML 1.1 DOCTYPE Plus, αν ξεπεράσετε το IE6, τότε έχετε το «χαρακτηριστικό» που πρόσθεσε η Microsoft στα IE8 και IE9: META
εναλλαγή στοιχείων
- Λειτουργία quirks IE 5.5 (IE 8 και 9)
- Λειτουργία προτύπων IE 7 (IE 8 και 9)
- Λειτουργία IE 8 σχεδόν στάνταρ (IE 8 και 9)
- Λειτουργία προτύπων IE 8 (IE 8 και 9)
- Λειτουργία IE 9 σχεδόν στάνταρ (IE 9)
- Τυπική λειτουργία IE 9 (IE 9)
- Λειτουργία XML (IE 9)
Το IE 8 εισήγαγε επίσης τη «Λειτουργία συμβατότητας» όπου ο χρήστης θα μπορούσε να επιλέξει να αλλάξει το μοντέλο απόδοσης σε λειτουργία IE 7. Έτσι, ακόμη και αν ορίσετε τη λειτουργία που θέλετε να ορίσετε χρησιμοποιώντας και τα δύο DOCTYPE
και ΜΕΤΑ
στοιχεία, η σελίδα σας θα μπορούσε
ακόμη
Τι είναι η λειτουργία Quirks;
Η λειτουργία Quirks δημιουργήθηκε για να βοηθήσει στην αντιμετώπιση όλων των περίεργων παραδόσεων απόδοσης και μη συμβατών προγραμμάτων περιήγησης και hacks που χρησιμοποιούν οι σχεδιαστές ιστοσελίδων για να αντιμετωπίσουν αυτά τα πράγματα. Η ανησυχία που είχαν οι κατασκευαστές προγραμμάτων περιήγησης ήταν ότι εάν αλλάξουν τα προγράμματα περιήγησής τους σε πλήρη συμμόρφωση με τις προδιαγραφές, οι σχεδιαστές ιστοσελίδων θα μείνουν πίσω. Με τη ρύθμιση DOCTYPE
Εφέ Quirks Mode
Υπάρχουν πολλά εφέ που χρησιμοποιούν τα περισσότερα προγράμματα περιήγησης στη λειτουργία Quirks:
- Σε ορισμένα προγράμματα περιήγησης, το μοντέλο κουτιού αλλάζει στην έκδοση IE 5.5 του μοντέλου κουτιού σε λειτουργία quirks.
- Ορισμένα προγράμματα περιήγησης δεν κληρονομούν στυλ σε πίνακες
- Η λειτουργία Quirks επηρεάζει δραματικά την ανάλυση της διάταξης CSS και CSS, εάν μετατρέπετε σελίδες σε λειτουργία προτύπου από τη λειτουργία quirks, φροντίστε να δοκιμάσετε τη διάταξη CSS και να αναλύσετε εκτενώς.
- Παρακολουθήστε τις αλλαγές στο scripting όταν βρίσκεστε σε λειτουργία quirks. Ο Firefox αλλάζει τον τρόπο με τον οποίο το αναγνωριστικό
το χαρακτηριστικό λειτουργεί, για παράδειγμα. Οι IE8 και IE9 έχουν πολύ δραματικές αλλαγές στο scripting σε λειτουργία quirks.
Υπάρχει επίσης μια διαφορά στη λειτουργία «Σχεδόν στάνταρ:»
- Το ύψος των πινάκων με μόνο εικόνες στο εσωτερικό υπολογίζεται διαφορετικά από την τυπική λειτουργία.
Πώς να επιλέξετε ένα DOCTYPE
Πηγαίνω σε περισσότερες λεπτομέρειες στο άρθρο μου DOCTYPE
- Πάντα επιλέξτε πρώτα τη λειτουργία τυποποίησης. Και το τρέχον πρότυπο που πρέπει να χρησιμοποιείτε είναι HTML5: Εκτός αν έχετε συγκεκριμένο λόγο να αποφύγετε τη χρήση του HTML5 DOCTYPE
, αυτό πρέπει να χρησιμοποιείτε.
- Μεταβείτε στην αυστηρή HTML 4.01 εάν θέλετε να επικυρώσετε στοιχεία παλαιού τύπου ή θέλετε να αποφύγετε νέες δυνατότητες για κάποιο λόγο:
- Εάν έχετε κομμένες εικόνες σε έναν πίνακα και δεν θέλετε να τις διορθώσετε, μεταβείτε στο Transitional HTML 4.01:
- Μην γράφετε εσκεμμένα σελίδες σε λειτουργία quirks. Πάντα να χρησιμοποιείτε ένα DOCTYPE
. Αυτό θα σας εξοικονομήσει χρόνο ανάπτυξης στο μέλλον, και πραγματικά δεν έχει κανένα όφελος. Το IE6 χάνει γρήγορα τη δημοτικότητά του και σχεδιάζοντας για αυτό το πρόγραμμα περιήγησης (το οποίο ουσιαστικά είναι αυτό που σχεδιάζει σε λειτουργία quirks) περιορίζετε τον εαυτό σας, τους αναγνώστες σας και τις σελίδες σας. Εάν πρέπει να γράψετε για IE 6 ή 7, τότε χρησιμοποιήστε σχόλια υπό όρους για να τα υποστηρίξετε, αντί να εξαναγκάσετε τα σύγχρονα προγράμματα περιήγησης σε λειτουργία quirks.
Γιατί να χρησιμοποιήσετε το DOCTYPE
Μόλις ενημερωθείτε για αυτόν τον τύπο DOCTYPE
Ενεργοποιώντας συνεχώς, μπορείτε να επηρεάσετε τις ιστοσελίδες σας πιο άμεσα χρησιμοποιώντας ένα DOCTYPE
που δείχνει τι μπορεί να περιμένει το πρόγραμμα περιήγησης από τη σελίδα σας. Επίσης, μόλις αρχίσετε να χρησιμοποιείτε το DOCTYPE
Εκδόσεις προγράμματος περιήγησης και λειτουργία Quirks
DOCTYPE |
Android Χρώμιο Firefox IE 8+ iOS Όπερα 7.5+ Σαφάρι |
IE 6 IE 7 Όπερα 7 |
Netscape 6 |
---|---|---|---|
Κανένας | Λειτουργία Quirks | Λειτουργία Quirks | Λειτουργία Quirks |
HTML 3.2 | |||
Λειτουργία Quirks | Λειτουργία Quirks | Λειτουργία Quirks | |
HTML 4.01 | |||
Μεταβατικός | Λειτουργία προτύπων * | Λειτουργία προτύπων * | Λειτουργία προτύπων |
Μεταβατικός | Λειτουργία Quirks | Λειτουργία Quirks | Λειτουργία Quirks |
Αυστηρός | Λειτουργία προτύπων | Λειτουργία προτύπων * | Λειτουργία προτύπων |
Αυστηρός | Λειτουργία προτύπων | Λειτουργία προτύπων * | Λειτουργία προτύπων |
HTML5 | |||
Λειτουργία προτύπων | Λειτουργία προτύπων * | Λειτουργία Quirks |
Περισσότερα από το kalodiozois
-
Περιγραφή και χρήσεις μετα-ετικέτας συμβατής με X-UA
-
Χρήση HTML5 για εμφάνιση βίντεο σε τρέχοντα προγράμματα περιήγησης
-
Γιατί υπάρχουν διαφορετικές εκδόσεις HTML
-
Τρόπος χρήσης του CSS για κεντράρισμα εικόνων και άλλων αντικειμένων HTML
-
Πώς να τεντώσετε μια εικόνα φόντου για να ταιριάζει σε μια ιστοσελίδα
-
Χρήση χαρακτηριστικών στοιχείου HTML TABLE
-
Τρόπος ενημέρωσης του Internet Explorer
-
9 καλύτεροι δωρεάν επεξεργαστές HTML για Windows για το 2021
-
Πώς να δημιουργήσετε κενό διάστημα με ετικέτες «p» και «br»
-
Τι είναι οι γλώσσες σήμανσης;
-
Προθέματα προμηθευτών CSS
-
Τρόπος επιθεώρησης στοιχείων ιστοσελίδας
-
Προσθήκη εικόνων σε ιστοσελίδες χρησιμοποιώντας HTML
-
Τι είναι μια ετικέτα HTML έναντι ενός στοιχείου HTML;
-
Οι 7 καλύτεροι συντάκτες HTML WYSIWYG των Windows του 2021
Τα δικαιώματα απορρήτου σας
Η kalodiozois και οι τρίτοι συνεργάτες μας χρησιμοποιούν cookie και επεξεργάζονται προσωπικά δεδομένα, όπως μοναδικά αναγνωριστικά, βάσει της συγκατάθεσής σας για αποθήκευση ή / και πρόσβαση σε πληροφορίες σε μια συσκευή, προβολή εξατομικευμένων διαφημίσεων και για μέτρηση περιεχομένου, πληροφορίες κοινού και ανάπτυξη προϊόντων. Για να αλλάξετε ή να ανακαλέσετε τις επιλογές συγκατάθεσής σας για το kalodiozois.com, συμπεριλαμβανομένου του δικαιώματός σας να αντιταχθείτε όταν χρησιμοποιείται έννομο συμφέρον, κάντε κλικ παρακάτω. Ανά πάσα στιγμή, μπορείτε να ενημερώσετε τις ρυθμίσεις σας μέσω του συνδέσμου «Απόρρητο ΕΕ» στο κάτω μέρος οποιασδήποτε σελίδας. Αυτές οι επιλογές θα σηματοδοτηθούν παγκοσμίως στους συνεργάτες μας και δεν θα επηρεάσουν τα δεδομένα περιήγησης. Λίστα Συνεργατών (προμηθευτών)
Εμείς και οι συνεργάτες μας επεξεργαζόμαστε δεδομένα για:
Ενεργά σαρώστε τα χαρακτηριστικά της συσκευής για αναγνώριση. Χρησιμοποιήστε ακριβή δεδομένα γεωγραφικής τοποθεσίας. Αποθηκεύστε ή / και αποκτήστε πρόσβαση σε πληροφορίες σε μια συσκευή. Επιλέξτε εξατομικευμένο περιεχόμενο. Δημιουργήστε ένα εξατομικευμένο προφίλ περιεχομένου. Μετρήστε την απόδοση των διαφημίσεων. Επιλέξτε βασικές διαφημίσεις. Δημιουργήστε ένα εξατομικευμένο προφίλ διαφημίσεων. Επιλέξτε εξατομικευμένες διαφημίσεις. Εφαρμόστε έρευνα αγοράς για να δημιουργήσετε πληροφορίες κοινού. Μετρήστε την απόδοση περιεχομένου. Ανάπτυξη και βελτίωση προϊόντων. Λίστα Συνεργατών (προμηθευτών)