DOCTYPE HTML - τι είναι αυτό; Τι πρέπει να ξέρετε για το προϊόν

Δεν έχει σημασία τι οι σκεπτικιστές, η πρόοδος εξακολουθεί να είναι ένα φαινόμενο που δεν μπορεί να σταματήσει. Ωστόσο, ενώ μερικά είναι εξοργισμένοι παρατεταμένη κίνηση στον κήπο φεγγάρι, άλλοι είναι κυριολεκτικά βυθίζεται σε πανικό, επειδή γίνεται όλο και πιο δύσκολο να συμβαδίσει με τις αλλαγές. Ένα παράδειγμα ενός τέτοιου «catch-up» είναι οι εκπρόσωποι των επαγγελμάτων που σχετίζονται με την υψηλή τεχνολογία.

Ενώ οι περισσότεροι web designers, προγραμματιστές και προγραμματιστές είναι πολύ καλύτερα προσαρμοσμένες στο πνεύμα της εποχής, και όχι η «Νούρα Μπάμπα», το οποίο λαμβάνει πληροφορίες από την εβδομάδα καθυστέρηση, αλλά και πάλι με σημαντικές στρεβλώσεις, η πραγματικότητα είναι κάπως διαφορετική. Αντιστοιχούν στο επίπεδο της προόδου είναι δύσκολη στον τομέα των νέων τεχνολογιών. Θεωρήστε ένα απλό παράδειγμα: ακόμη και μερικές 5-10 χρόνια πριν, ένας προγραμματιστής της online παιχνίδια για το Adobe Flash μπορεί να επιτύχει απτά επιτυχία, πολλά «Happy Αγρότης» είναι η απόδειξη γι 'αυτό. Ωστόσο, σήμερα η τεχνολογία σταδιακά να εξαφανιστεί, δίνοντας τη θέση τους σε ένα πιο σύγχρονο, αλλά λιγότερο από την πλειοψηφία της μελέτης του βασικού HTML5. Με την ευκαιρία, είναι HTML5, και είναι ένας από τους «χαρακτήρες» της σημερινής ιστορίες αφιερωμένο καθημερινές HTML-DTP.

DOCTYPE HTML - τι είναι αυτό;

Αυτό το μνημείο για τα θύματα των προκαταβολών υψηλής τεχνολογίας στον τομέα της τεχνολογίας. Τολμηρός 90-s, που διακρίνονται όχι μόνο «μάχης» η κατάσταση στη χώρα μας, αλλά και αρκετά πραγματικό πόλεμο των browsers, έφερε στον κόσμο λίγα προϊόντα που επιτρέπουν στους χρήστες του υπολογιστή για να σερφάρετε στο World Wide Web. Υπάρχει μόνο ένα πρόβλημα - δημοφιλής, όταν Netscape Navigator και Internet Explorer έψαχναν στην ίδια σελίδα σε ένα εντελώς διαφορετικό, αντίστοιχα, και οι δημιουργοί του site για να δημιουργήσει μια εντελώς διαφορετικές σελίδες για αυτά τα προγράμματα.

Πρότυπα; Σε αυτά τα χρόνια, για να μιλήσουμε γι 'αυτούς ήταν άσκοπο - W3C υπήρχε στα πρώτα της βήματα, και να προωθήσει IE Microsoft σας γενικά γνωστό ότι προτίμησε να εφεύρουν τα δικά τους, δεν είναι συμβατές με ποδήλατα τίποτα. Παρ 'όλα αυτά, μέχρι το τέλος της εν λόγω φοβερή (για Web Developers) δεκαετίας, η κατάσταση επανήλθε στο φυσιολογικό μετά από όλα: δεν υπήρχε κάποια ομοιότητα των προτύπων ότι, αν όχι πλήρως, αλλά εξακολουθούν να τηρούνται από όλους τους δημοφιλείς browsers.

Ωστόσο, η κατάσταση κατέληξε να είναι τέτοια ώστε οι προδιαγραφές της κοινοπραξίας και οι κατασκευαστές του προγράμματος περιήγησης ήταν, για να το θέσω ήπια, δεν είναι καθόλου παρόμοια. Θα μπορούσατε εύκολα να δημιουργήσετε μια εντελώς σωστή άποψη της HTML, CSS και στη σελίδα DOM, αλλά προτιμώμενο πρόγραμμα περιήγησης πεισματικά δεν έδειξε αυτό που περίμενα να δω.

Παρ 'όλα αυτά, καθώς περνούσε ο καιρός, οι προγραμματιστές εξακολουθούν να έχουν τελικά αποφάσισε να σκέφτονται όχι μόνο για τον ανταγωνισμό, αλλά για ένα webmaster, και εμφανίστηκε - DOCTYPE HTML. Αυτή είναι μια ειδική ετικέτα που λέει το πρόγραμμα περιήγησης πώς θα πρέπει να θεωρηθεί ως συγκεκριμένη σελίδα.

Αυτό που χρειάζεται στην DOCTYPE HTML κώδικα;

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

Φανταστείτε την κατάσταση: σας - ένα τυπικό web developer τέλη της δεκαετίας του '90. Είναι ακριβώς έτσι συνέβη ότι τα περισσότερα από το χρόνο που περνάτε στο πρόγραμμα περιήγησης Internet Explorer 4. Microsoft αποφασίζει να έρθει ξαφνικά τις αισθήσεις τους και να κάνουν νέο πρόγραμμα περιήγησης σας είναι πιο «σωστό», σύμφωνα με την οποία δεν είναι σαφές ως τώρα είναι να δημιουργήσουμε χώρους και τι να κάνει με αυτούς που έχουν ήδη δημιουργήθηκε. Φυσικά, αν έχετε αρκετό χρόνο, θα μπορούσε να ξαναγράψει HTML κώδικα της με τέτοιο τρόπο που να ανταποκρίνεται στα νέα πρότυπα, αλλά επειδή οι άνθρωποι - τεμπέλης πλάσματα.

Ήταν σε αυτό το σημείο DOCTYPE HTML είναι η πλέον κατάλληλη «εφεύρεση». Ανάλογα με τον τύπο του εγγράφου που καθορίζεται στην αρχή της σελίδας, το πρόγραμμα περιήγησης θα επιλέξει την πιο κατάλληλη σε αυτή την περίπτωση ο μηχανισμός της παροχής. Αν το DOCTYPE στο HTML κώδικα δεν είναι διαθέσιμο, ο browser θα πάει σε λειτουργία συμβατότητας (συνήθως, αλλά όχι απαραίτητα). Ως αποτέλεσμα, το ίδιο το Internet Explorer 6 (ακόμα και αν το αρχείο Αναπαύσου εν ειρήνη) κατά την απουσία της ετικέτας DocType συμπεριφέρεται σαν να εργάζεστε στην τέταρτη έκδοση του.

τύποι DOCTYPE

ετικέτα DOCTYPE περιλαμβάνει διάφορα είδη που μπορούν να χωριστούν σε ορισμένες κατηγορίες. Πρώτον, περιγράφει τα κύρια είδη γλώσσα σήμανσης: HTML 4.01, HTML 5, XHTML 1.0 ή XHTML 1.1. Δεύτερον, κάθε μία από αυτές τις γλώσσες έχει υποενοτήτων της, επισημαίνοντας την «συντελεστή βλαβών» τ. Ε Κατά πόσο δύσκολο είναι καθιερωμένα πρότυπα W3C HTML κώδικα. Ωστόσο, στη δεύτερη περίπτωση, υπάρχουν δύο εξαιρέσεις - HTML5 και XHTML 1.1 δεν έχει κάποια υποείδη και είναι μόνο μια μορφή DOCTYPE HTML. Αλλά περισσότερα για αυτό αργότερα ...

Αυστηρή προσέγγιση: DOCTYPE Αυστηρό

Αν προτιμάτε να δημιουργήσετε HTML κώδικα που αντιστοιχεί σε κάθε γράμμα της επικύρωσης νόμου, το επιπλέον κίνητρο (εκτός από το προσωπικό συμφέρον) θα ήταν να χρησιμοποιήσετε doctype Αυστηρή. Αν σκοπεύετε να χρησιμοποιήσετε την πιο προηγμένη XHTML 1.0, η γραμμή, η οποία θα αρχίσει κάθε στοιχείο θα πρέπει να μοιάζει κάπως έτσι:

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

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

Ανθρωπιστική προσέγγιση: DOCTYPE Μεταβατικό

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

«Μαλακό» DOCTYPE HTML 4 δηλώνεται ως εξής:

Για XHTML κορδόνι και πάλι φαίνεται ελαφρώς διαφορετικό, αλλά η γενική τάση συνεχίζεται:

Μέχρι σήμερα, παρά το γεγονός ότι κάθε προγραμματιστής προσπαθεί να ταιριάζει με το Αυστηρή-πρότυπο, είναι μια μεταβατική DocType είναι η πιο δημοφιλής. Παρ 'όλα αυτά, αυτό το πρότυπο έχει ένα πιστωτικό όριο: επικύρωσης θα «απορρίψει» τις σελίδες που περιέχουν καρέ. Αν χρειαστεί να καταφύγουν σε αυτή τη διάταξη μέθοδο, θα πρέπει να δώσουν προσοχή στο επόμενο - το τελευταίο πρότυπο.

Από το γενικό στο ειδικό: DOCTYPE Frameset

Προσέγγιση κατά τον έλεγχο των σελίδων για τη συμμόρφωση με το πρότυπο Frameset είναι γενικά παρόμοια με εκείνη των μεταβατικών, όμως, εκτός από τις «ελευθερίες» του παραπάνω, αυτό το πρότυπο σας επιτρέπει να χρησιμοποιήσετε τα πλαίσια. Άλλες διαφορές Frameset δεν έχει, ως εκ τούτου, μπορεί μόνο γραμμή μεταφοράς για ανακοινώσεις, για την HTML 4.01 και XHTML 1.0:

Αιχμής

Φυσικά, αναφερόμενος στην αρχή αυτού του άρθρου όλη η αυξανόμενη δημοτικότητα του προτύπου HTML5, δεν θα μπορούσαμε να αγνοήσουμε τη γλώσσα σήμανσης. Είναι αστείο ότι το W3C θεωρεί τη βασική έκδοση HTML, γι 'αυτό είναι η DOCTYPE HTML 5 φαίνεται αρκετά μέτρια. Με άλλα λόγια, ο ορισμός αυτός ο τύπος είναι ότι ο browser θα πρέπει να συνεργαστεί με «καθαρό» HTML, και ποια είναι σήμερα θεωρείται ότι είναι η HTML5, ενώ η γνωστή σε πολλούς από την τέταρτη έκδοση θεωρείται δυνητικά άνευ αντικειμένου.

Άλλες ποικιλίες DOCTYPE

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

Είναι σημαντικό DOCTYPE;

Ίσως κάποιοι αρχάριος «συγγραφείς» στο HTML θα προσπαθήσει να αγνοήσει τον τύπο σελίδας διαφήμιση. Λοιπόν, αν δεν μάθουν σημαντικές πληροφορίες από vyshenapisannogo, θα δώσω ένα απλό παράδειγμα. Εδώ είναι ένα παράδειγμα σελίδας που χρησιμοποιεί Μεταβατικές-πρότυπο:

Φαίνεται ότι θα πρέπει να μοιάζει με την ιδέα του σχεδιαστή, αλλά αξίζει τον κόπο μας να «μπερδεύουν» DOCTYPE, και έχουμε τα εξής:

Όπως μπορείτε να δείτε, η σελίδα έχει υποστεί σημαντικές αλλαγές: ξεθωριάσει ταπετσαρία, το μενού έχει γίνει παραμορφωμένο λίστα, CSS ορισμένες τάξεις απλά αγνοούνται, επιπλέον, η σελίδα «Otros» δεύτερης γραμμής κύλισης.

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