Κωδικοί HTML στο Safari Vs. Firefox

Η διαφορά στο πώς οι φυλλομετρητές καθιστούν τη γλώσσα προγραμματισμού του Διαδικτύου γνωστή ως HTML, είναι από καιρό ένα χτύπημα για τους προγραμματιστές του Web και τους χομπίστες. Εάν είστε επαγγελματίας σχεδιαστής, πρέπει να ξέρετε ποιοι κωδικοί θα μπορούσε να υποστηρίξει ο Firefox και όσοι χρησιμοποιεί το Safari για να διασφαλίσουν ότι οι επισκέπτες έχουν μια ομοιόμορφη και λειτουργική εμπειρία, ανεξάρτητα από τον browser τους. Ευτυχώς, και τα δύο προγράμματα περιήγησης υποστηρίζουν τους πιο σύγχρονους κώδικες και μπορείτε να λάβετε μέτρα για την προώθηση της συμβατότητας μεταξύ των browsers στα σχέδιά σας.

Μηχανές εμφάνισης

Ο Firefox και το Safari χρησιμοποιούν διαφορετικές μηχανές απόδοσης, πράγμα που προκαλεί τη διαφορά στον τρόπο προβολής της ιστοσελίδας σας. Ο Firefox χρησιμοποιεί το Gecko του Mozilla, το οποίο εξουσιοδοτεί επίσης τους Thunderbird και SeaMonkey. Σε αντίθεση, το Safari περιλαμβάνεται στα προγράμματα περιήγησης που χρησιμοποιούν το Webkit, μια μηχανή rendering που βασίστηκε αρχικά στις βιβλιοθήκες KHTML και KJS του KDE. Το Chrome είναι ένα άλλο πρόγραμμα περιήγησης που χρησιμοποιεί το Webkit, επομένως τα δύο προγράμματα περιήγησης παράγουν συχνά παρόμοια αποτελέσματα που διαφέρουν από την εμφάνιση του Firefox.

Διαφορές υποστήριξης HTML5

Ενώ οι Firefox και Safari είχαν χρόνια να υποστηρίξουν το HTML 4.01, η προδιαγραφή HTML5 δεν είναι καθολική. Ο Firefox κάνει κάποιες ετικέτες με τις οποίες το Safari δεν είναι ακόμα συμβατό και το αντίθετο ισχύει επίσης. Για παράδειγμα, ο Firefox υποστηρίζει ανίχνευση προσανατολισμού ήχου και συσκευής PCM, ενώ το Safari δεν το κάνει. Από την άλλη πλευρά, το Safari εμφανίζει υπότιτλους με περιεχόμενο πολυμέσων και σας επιτρέπει να καθορίσετε πεδία φόρμας ως αριθμούς, σειρές ή γεννήτριες κλειδιών, ενώ ο Firefox υστερεί σε αυτή την πτυχή.

Σημασία

Εάν χρησιμοποιείτε αρχεία ήχου PCM ως μέρος των ιστοσελίδων σας, τότε οι επισκέπτες του Safari ενδέχεται να μην έχουν πρόσβαση στον ήχο σας. Παρομοίως, μπορείτε να χρησιμοποιήσετε τη λειτουργία HTML5 για να δημιουργήσετε εφαρμογές Web στην έκδοση desktop του Firefox που επιτρέπουν στο πρόγραμμα περιήγησης να εντοπίσει τον προσανατολισμό της συσκευής και να αλλάξει και τον προσανατολισμό της εφαρμογής. Το Safari περιλαμβάνει αυτή την υποστήριξη προσανατολισμού στην έκδοση του κινητού. Επιπλέον, μπορείτε να ελέγξετε καλύτερα ποιοι χαρακτήρες θα επιτρέψουν μια φόρμα στο Safari. Ωστόσο, η διαφορά στην υποστήριξη HTML5 σπάνια σημαίνει ότι οι ιστότοποί σας θα είναι εντελώς διαφορετικοί ή εντελώς ακατάλληλοι σε κάθε πρόγραμμα περιήγησης.

Σκέψεις

Πολλές από τις αποκλίσεις που ενδέχεται να αντιμετωπίσετε κατά την κωδικοποίηση θα εξαφανιστούν όταν καθορίσετε έναν τύπο εγγράφου στην αρχή του εγγράφου HTML. Αυτό καθοδηγεί το πρόγραμμα περιήγησης για το πώς να προβάλει το HTML σύμφωνα με τον τύπο, όπως το XHTML, HTML 5 ή HTML με πλαίσια που χρησιμοποιείτε. Η προσθήκη του doctype, όπως για το HTML 5, προτού να κωδικοποιήσετε ολόκληρη τη σελίδα σας μπορεί να αποτρέψει κάποια απογοήτευση που θα αντιμετωπίσετε όταν δεν χρησιμοποιείτε έναν τύπο εγγράφου.