Διαφορετικά προγράμματα περιήγησης

Ποιο είναι το πρόβλημα - γιατί τα διαφορετικά προγράμματα περιήγησης - τρέχον πρόγραμμα περιήγησης - Πρότυπο ή τη βελτιστοποίηση; - Ανάλυση οθόνης

Ποιο είναι το πρόβλημα;

Αρχίζουν οι συγγραφείς στο διαδίκτυο ψυχικά προετοιμασμένοι για την πικρή αλήθεια:

Δεδομένου ότι ο συντάκτης των ιστοσελίδων δεν ξέρετε τι browser που θα χρησιμοποιήσετε αναγνώστη μου. Μπορώ μόνο να μαντέψει. Ως εκ τούτου, δεν υπάρχει λόγος να ειδικευτούν σε έναν τύπο προγράμματος περιήγησης και συντονιστείτε ιστοσελίδα ακριβώς γι 'αυτόν. Συνήθως θα πρέπει να εξετάσουμε την ίδια θέση σε όλες τις μεγάλες μηχανές αναζήτησης.

Η ιστοσελίδα σας πρέπει πάντα να προσπαθούν να τουλάχιστον τα ακόλουθα προγράμματα περιήγησης:

Αυτό σημαίνει ότι το Firefox, Chrome και Opera, πρέπει να εγκαταστήσετε. Δεν είναι ότι σκληρά ( e-mail μου εάν χρειάζεστε τις οδηγίες). Explorer σε κάθε τα Windows από την αρχή. Άλλοι browsers δεν έχουν, γιατί συμπεριφέρονται πολύ σαν τα παραπάνω.

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

Γιατί διαφορετικά προγράμματα περιήγησης

Internet αναπτύχθηκε αρχικά απίστευτα γρήγορα. Ομοίως, δυναμικά μετατρέψει HTML, έτσι ώστε να επιτρέπουν την ταξινόμηση των νέων χώρων και νέα πράγματα.

Παλαιότερα προγράμματα περιήγησης δεν επιτρέπουν τις ίδιες απόψεις σελίδα ως ένα σύγχρονο πρόγραμμα περιήγησης, επειδή κατά τη στιγμή της μεγαλύτερης browsers απλώς δεν θα είναι γνωστό πώς η ιστοσελίδα για να γράψει ένα-δύο χρόνια. Κάτι, βέβαια, παρέμεινε το ίδιο, αλλά παλαιότερα προγράμματα περιήγησης δεν μπορεί να εμφανίσει το νέο στυλ, δέσμες ενεργειών και άλλα tweaks.

Εκτός από την επίσημη έκδοση της HTML, υπήρχαν διάφορες υβριδικές μορφές HTML και HTML επεκτάσεις. Οι κατασκευαστές των browsers (κυρίως Microsoft) έχουν προσπαθήσει να ενσωματώσει στην browsers τους υποστήριξη μη τυποποιημένα πράγματα που ήταν ακόμα στο σχεδιασμό των δικών τους εφεύρει. Έτσι, η ερμηνεία του HTML εξαρτάται από το πρόγραμμα περιήγησης που χρησιμοποιείται από τον αναγνώστη (client).

Πρόσφατα, ηρέμησε λίγο. Microsoft για τον Internet Explorer 8 (που είναι τώρα το πιο κοινό το φθινόπωρο του 2010) ενσωματώνει την υποστήριξη ορισμένων σημαντικών προτύπων. Ανταγωνιστικές Mozilla (Firefox), Webkit (Chrome) και Opera κάνουν ακόμα καλύτερα για τα πρότυπα.

Τρέχοντα προγράμματα περιήγησης

Το 2010, μπορείτε να συναντήσετε αυτά τα προγράμματα περιήγησης:

Τύπος, έκδοση Πανταχού παρουσία Χαρακτηριστικά
Internet Explorer
6, 7 και 8 και 9 beta
43% των χρηστών Καλή πρόγραμμα περιήγησης, η οποία είναι επί του παρόντος το de facto πρότυπο. Έκδοση 5, 5.5, 6, 7 και 8 διαφέρουν μόνο στις λεπτομέρειες.
Mozilla, Firefox και Mozilla άλλους κλώνους 40% των χρηστών Πολύ καλό πρόγραμμα που είναι γνωστό γενικά ως Mozilla ή Gecko. Ανήκει στην ακόμη FireFox.
Opera 9 και 10 6% των χρηστών Πολύ καλό πρόγραμμα περιήγησης με μια ενδιαφέρουσα ελέγχου.
Google Chrome 11% των χρηστών Browser που αναπτύχθηκε από την Google, χρησιμοποιεί τη μηχανή απόδοσης WebKit. Πολύ καλό, απλό και γρήγορο.

Περιγραφή λεπτομέρειες για το τι διαφέρουν τα διάφορα προγράμματα περιήγησης, μετακόμισα στην σελίδα με τις λεπτομέρειες browsers που δεν ανήκουν στο βασικό μάθημα. Αναφέρουμε επίσης προγράμματα περιήγησης για άλλες πλατφόρμες και συσκευές.

Standard, ή βελτιστοποίηση;

Ποιος κάνει την ιστοσελίδα πολύ σύντομα παίρνει ένα δίλημμα:

  1. Κάνω τους φτωχούς, το "πρότυπο" sites που εμφανίζονται καλά σε όλους τους browsers
  2. ή μπορώ να κάνω debug ένα site για έναν τύπο του φυλλομετρητή (αριστοποιημένα) και στη συνέχεια απλά προσεύχομαι ότι προεπισκόπηση σωστά αλλού;

Βελτιστοποίηση της μεθόδου

Οι περισσότεροι ερασιτέχνες επιλέξει τη δεύτερη διαδικασία - μόνο odladí σελίδα σε ένα πρόγραμμα περιήγησης. Μερικοί συγγραφείς να γράφουν ακόμη και "οι χώροι αυτοί δεν βελτιστοποιηθεί για το πρόγραμμα περιήγησης και το". (Οι χρήστες μπορούν να αφήσει το άλλο πόδι τραντάγματα.) Μην το γράψω εκεί, pakárna. Ποιος έχει το δικαίωμα browser είναι δροσερό, ο οποίος είναι κακό, ότι δεν θα είναι για σας να κατεβάσετε ένα άλλο. Επίσης, δεν θα αγοράσουν ένα νέο οθόνη.

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

Απλή μέθοδος

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

Η μέθοδος της δοκιμής και επισκευές

Συγγραφέας κάνει μια όμορφη τοποθεσία βελτιστοποιημένη για ένα πρόγραμμα περιήγησης και στη συνέχεια προσπαθήστε να εμφανιστεί σε άλλες. Εάν διαπιστώσει κάποιο λάθος, να το διορθώσετε με κάποιο τρόπο. Αυτή η μέθοδος είναι αξιοπρεπής, αλλά αρκετά επίπονη. Χρησιμοποιείται από τους επαγγελματίες. Στο παρελθόν χρησιμοποιηθεί για να δοκιμάστηκε για πρώτη φορά στο πρόγραμμα περιήγησης Internet Explorer, από το 2007, πληρώνει για να γράψετε κυρίως για τον Firefox, και μόνο τότε να ασχοληθεί με το Explorer ιδιοτροπίες.

Η μέθοδος των εκδόσεων γνώση της HTML και CSS

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

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

Ανάλυση οθόνης

Αν το κάνω προσεκτικά προετοιμασμένο χώρους, συχνά κλαίει πάνω από το γεγονός ότι δεν ξέρω τι ψήφισμα χρήση αναγνώστη μου. Πρέπει να κάνω για 1024 pixels στο πλάτος ή μόλις 800; Ή λιγότερο; Πιθανή λύση:

  1. Κάνετε μια λεπτομερή γραφικά ιστοσελίδα ή τροποποιηθεί για να το πράξει με δεξιοτεχνία, ώστε το πλάτος δεν έχει σημασία (κάνει ένα "ελαστικό" ή "πλωτή πλάτος»). Είναι (πολύ στυλ βοήθεια), αλλά φέρνει κάποιες επιπλοκές, ειδικά αν η σελίδα θα περιέχει μια σταθερή ευρύ στοιχεία (διαφημίσεις, εικόνες, σύνθετα γραφικά). Το δεύτερο πρόβλημα είναι πολύ μεγάλες οθόνες (σε όλη 1280 pixels), όπου οι γραμμές κειμένου υπερβολικά μεγάλο χρονικό διάστημα και μπορεί να είναι δύσκολο να διαβαστούν. Λόγω gumovosti είναι σημαντικό να εργαστούμε με ποσοστά, αλλά δεν χρησιμοποιούν εκατό τοις εκατό για την ανάγνωση πλάτος.
  2. Κλείστε τη σελίδα για να stylovaných θαυμάτων με σταθερό πλάτος (συνήθως 760 βαθμοί). Όλα τα άλλα στη συνέχεια να λάβει θέση σε αυτό το τμήμα, με πλάτος που. Η λύση αυτή επικρίθηκε από τους ιδιοκτήτες των φορητών υπολογιστών με μικρές οθόνες για να μετακινηθείτε οριζόντια για να είναι. Οι ιδιοκτήτες των μεγάλων οθονών είναι αντίθετες προς obrazovace πολύ χώρο. Συστήνω αυτή η λύση, διότι είναι πολύ προβλέψιμη.
  3. Με κάποιο τρόπο το σενάριο για να μάθετε τι ανάλυση που θα χρησιμοποιείται και πλευρά του πελάτη, σύμφωνα με přestylovat σενάριο. Θέλει να μάθει πόσο καλά το σενάριο. Προσωπικά δεν συνιστώ αυτή τη μέθοδο, διότι οδηγεί σε πολλά λάθη.
  4. Κάνοντας μια περιοχή περιορισμένη από καουτσούκ για να ρυθμίσει το πλάτος του πλάτους του προγράμματος περιήγησης, αλλά πάνω από ένα τοπίο που δεν πάει. Καθώς ο πληθυσμός των χρηστών υποχωρεί Internet Explorer 6, η οποία δεν υποστηρίζει τις τελευταίες στυλ max πλάτους (άλλο δικαίωμα), πρέπει να το κάνει. Αλλά είναι ακόμα περισσότερο για επαγγελματίες.

Για τους αρχάριους Θα ήθελα να συστήσω την πρώτη προσέγγιση του κειμένου με εκατό τοις εκατό του πλάτους (ή όχι για την επίλυσή του σε όλα), μετρίως προηγμένες συνιστούν τη δεύτερη προσέγγιση, το στυλ είναι ένα σταθερό πλάτος.

Ο πίνακας, τι το πρόγραμμα περιήγησης που υποστηρίζει, εγώ μεταφέρθηκε στο πιο απαιτητικό αναγνώστη σελίδα για λεπτομέρειες browsers .

Διαφήμιση

τη δημιουργία, συντήρηση και βελτίωση ιστοσελίδες
Σεμινάρια HTML CSS JavaScript άρθρα Άλλο

Βασικά Στοιχεία ιστοσελίδα χώρο παραγωγής

gilles-simonet.com



uesh fieldset