Ποια είναι η διαφορά μεταξύ html και xhtml. Σύνταξη XHTML. Βασικοί κανόνες XHTML
Σημειώστε, για να μην ξεχάσετε διαφορές μεταξύ HTML και XHTML.
Ετσι, HTMLΚαι XHTML- πρόκειται για ειδικές μορφές σήμανσης ιστοσελίδων που «καταλαβαίνει» το πρόγραμμα περιήγησης.
Παρακάτω είναι μια μικρή θεωρία για το HTML και το XHTML και μια λίστα με μερικές διαφορές μεταξύ τους...
HTML(από την αγγλική γλώσσα σήμανσης υπερκειμένου - «γλώσσα σήμανσης υπερκειμένου») είναι μια τυπική γλώσσα σήμανσης εγγράφων στον Παγκόσμιο Ιστό. Οι περισσότερες ιστοσελίδες δημιουργούνται με χρήση HTML (ή XHTML). Η γλώσσα HTML ερμηνεύεται από το πρόγραμμα περιήγησης και εμφανίζεται ως έγγραφο σε μορφή αναγνώσιμη από τον άνθρωπο.
Η HTML είναι μια εφαρμογή («ειδική περίπτωση») της SGML (Τυπική Γενικευμένη Γλώσσα σήμανσης) και συμμορφώνεται με τη διεθνή Πρότυπο ISO 8879. Η XHTML είναι μια εφαρμογή της XML.
Η HTML είναι μια γλώσσα σήμανσης εγγράφων με ετικέτα. Οποιοδήποτε έγγραφο για Γλώσσα HTMLείναι ένα σύνολο στοιχείων, και η αρχή και το τέλος κάθε στοιχείου υποδεικνύονται με ειδικά σημάδια - ετικέτες. Τα στοιχεία μπορεί να είναι κενά, δηλαδή να μην περιέχουν κείμενο ή άλλα δεδομένα (για παράδειγμα, μια ετικέτα τροφοδοσίας γραμμής
). Σε αυτήν την περίπτωση, η ετικέτα κλεισίματος συνήθως δεν καθορίζεται. Επιπλέον, τα στοιχεία μπορούν να έχουν χαρακτηριστικά που καθορίζουν ορισμένες από τις ιδιότητές τους.
Κάθε έγγραφο HTML που ανταποκρίνεται Προδιαγραφές HTMLοποιαδήποτε έκδοση, πρέπει να ξεκινά με μια γραμμή δήλωσης έκδοσης HTML.
Εάν αυτή η γραμμή δεν καθορίζεται, τότε επιτύχετε σωστή εμφάνισηέγγραφο στο πρόγραμμα περιήγησης γίνεται πιο δύσκολο.
XHTML(English Extensible Hypertext Markup Language) είναι μια γλώσσα σήμανσης ιστοσελίδας, συγκρίσιμη σε δυνατότητες με την HTML, που δημιουργήθηκε με βάση XML. Όπως και η HTML, η XHTML συμμορφώνεται με την προδιαγραφή SGML επειδή η XML είναι ένα υποσύνολο της. Το XHTML 1.1 έχει εγκριθεί ως Σύσταση Κοινοπραξίας Παγκόσμιος Ιστός(W3C) 31 Μαΐου 2001.
Ένα έγκυρο (δηλαδή, που πληροί όλους τους κανόνες) έγγραφο XHTML είναι ένα έγγραφο που ικανοποιεί τεχνικές προδιαγραφές. Στην ιδανική περίπτωση, όλα τα προγράμματα περιήγησης θα πρέπει να ακολουθούν τα πρότυπα Ιστού και, κατά συνέπεια, τα έγκυρα έγγραφα θα πρέπει να εμφανίζονται σε όλα τα προγράμματα περιήγησης σε όλες τις πλατφόρμες. Συνιστάται η επικύρωση εγγράφων XHTML, παρόλο που δεν εγγυάται τη συμβατότητα μεταξύ προγραμμάτων περιήγησης. Ένα έγγραφο μπορεί να ελεγχθεί σε σχέση με τις προδιαγραφές χρησιμοποιώντας την υπηρεσία επικύρωσης ηλεκτρονικής σήμανσης W3C. Η επικύρωση θα εντοπίσει και θα διευκρινίσει σφάλματα στη σήμανση XHTML.
Διαφορές μεταξύ XHTML και HTML
- Όλα τα στοιχεία πρέπει να είναι κλειστά. Ετικέτες που δεν έχουν ετικέτα κλεισίματος
(Για παράδειγμα, ή
) πρέπει να έχει ένα / στο τέλος (για παράδειγμα,
).
Οι δυαδικές ιδιότητες γράφονται σε διευρυμένη μορφή. Για παράδειγμα, θα πρέπει να γράψετε
Τα ονόματα των ετικετών και των χαρακτηριστικών πρέπει να καταγράφονται πεζά γράμματα(Για παράδειγμα, alt="" /> αντί
).
Το XHTML είναι πολύ πιο αυστηρό σχετικά με τα σφάλματα στον κώδικα.< и & везде, даже в URL,
πρέπει να αντικατασταθεί< и & соответственно. По рекомендации W3C браузеры,
Εάν αντιμετωπίσουν κάποιο σφάλμα στο XHTML, θα πρέπει να το αναφέρουν και να μην επεξεργαστούν το έγγραφο. Για
Τα προγράμματα περιήγησης HTML έπρεπε να προσπαθήσουν να καταλάβουν τι ήθελε να πει ο συγγραφέας.
- Η προεπιλεγμένη κωδικοποίηση είναι UTF-8 (σε αντίθεση με την HTML, όπου είναι η κωδικοποίηση
η προεπιλογή είναι το ISO 8859-1).
Για σελίδες XHTML, συνιστάται να ορίσετε τον τύπο MIME - application/xhtml+xml, αλλά
αυτό δεν είναι υποχρεωτικό, επιπλέον - πρόγραμμα περιήγησης Internet Explorer 8 και νεότεροι
Οι εκδόσεις δεν θα μπορούν να επεξεργαστούν τη σελίδα, επομένως με το XHTML 1.0 παραδοσιακά
Ο τύπος MIME για HTML είναι text/html.
Το πρότυπο συνιστά επίσης την ένδειξηπριν
DTD, αλλά αυτό δεν είναι απαραίτητο, επιπλέον - περιηγητής διαδυκτίουΟ εξερευνητής αντιλαμβάνεται
μια τέτοια ένδειξη (όπως κάθε άλλο κείμενο πριν), ως ένδειξη ότι
Τι αυτή η σελίδαπρέπει να εμφανίζεται σε λειτουργία συμβατότητα προς τα πίσω, αλλά όχι
σύμφωνα με το πρότυπο. Υπάρχουν τρεις τύποι εγγράφων XHTML: αυστηρά, μεταβατικά και
σύνολο πλαισίων. Η πιο κοινή και καθολική έκδοση του XHTML είναι
μεταβατικό γιατί σας επιτρέπει να χρησιμοποιήσετε ένα iframe
(ενσωμάτωση του περιεχομένου μιας ιστοσελίδας σε μια άλλη) και χαρακτηριστικό στόχοστους συνδέσμους
(για να υποδείξετε, για παράδειγμα, ότι ο σύνδεσμος πρέπει να ανοίξει σε νέο παράθυρο).
Η έκδοση πλαισίου (αγγλικό σύνολο πλαισίων) είναι μια εκτεταμένη έκδοση
μεταβατικό, προσθέτοντας σε αυτό, όπως υποδηλώνει το όνομα, τη δυνατότητα εγκατάστασης
πλαίσιο αντί για σώμα. Το αυστηρό DTD XHTML δεν περιέχει πολλά
ετικέτες και χαρακτηριστικά που περιγράφονται στο DTD μεταβατικά και καταργημένα.
Ευχαριστώ http://ru.wikipedia.org/
Το XHTML σημαίνει ExtensibleHypertext Markup Language και στα Ρωσικά - Extensible Hypertext Markup Language. Λάβετε υπόψη ότι δεν είναι επεκτάσιμο, αλλά επεκτάσιμο. Αυτό σημαίνει ότι αυτή η γλώσσα
Ακόμα αναπληρώνεται (επεκτείνεται). Τι είναι λοιπόν το XHTML; Η κύρια διαφορά μεταξύ XHTML και HTML είναι ο τρόπος επεξεργασίας του εγγράφου (ιστοσελίδας). Αξίζει να εισαγάγουμε έναν ακόμη ορισμό. Αναλυτής - ένα πρόγραμμα ή μέρος ενός προγράμματος που εκτελεί τεχνολογία. Ονομάζεται επίσης αναλυτής. Για να το πω ακόμα πιο απλά, λοιπόν αυτό το πρόγραμμαεκτελεί ανάλυση ολόκληρης της δομής της σελίδας, ολόκληρου του κώδικα σελίδας. Στην HTML, όταν εντοπίστηκε ένα σφάλμα, διορθώθηκε κατά την ανάλυση, η οποία απαιτούσε επιπλέον χρόνο - το πρόγραμμα περιήγησης έπρεπε να καταλάβει τι ήθελε να γράψει ο συγγραφέας (προγραμματιστής). Για παράδειγμα, αν υπήρχε κάποιο σφάλμα σε οποιαδήποτε ετικέτα, απλώς εμφανιζόταν με το υπόλοιπο κείμενο.
Μια άλλη διαφορά είναι ότι όλα τα στοιχεία πρέπει να είναι κλειστά και οι μεμονωμένες ετικέτες πρέπει να ακολουθούνται από ένα /, για παράδειγμα:
. Θα γράψω ένα ξεχωριστό άρθρο για τις ετικέτες μεγάλο άρθρο, θα γράψω και για κάθε ετικέτα ξεχωριστά. Η κωδικοποίηση σε XHTML είναι UTF-8 (η πιο συνηθισμένη τώρα), ενώ στην HTML χρησιμοποιήθηκε το ISO 8859-1.
- Το πρώτο συνηθισμένο λάθος είναι ο καθορισμός στην ετικέτα σχετική διαδρομήστο αρχείο DTD που αντιγράφηκε από τη διεύθυνση www.w3.org, "DTD/xhtml11.dtd". Στη θέση αυτού πρέπει να γράψετε πλήρης διαδρομή"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd" .
- παραβίαση της αρχής του κλεισίματος όλων των στοιχείων χωρίς εξαίρεση. Η γλώσσα XHTML, σε αντίθεση με την HTML, απαιτεί το κλείσιμο όλων των στοιχείων, συμπεριλαμβανομένων αυτών που δεν έχουν ετικέτα κλεισίματος, όπως, για παράδειγμα,
. - Η απουσία εισαγωγικών κατά την περιγραφή των τιμών των χαρακτηριστικών είναι απαράδεκτη. Για παράδειγμα σχέδιο
- Δεν μπορείτε να χρησιμοποιήσετε κεφαλαία γράμματα στην περιγραφή ετικετών και χαρακτηριστικών. Ας πάρουμε για παράδειγμα την ετικέτα . - άκυρη σχεδίαση. Δυνατότητα μόνο πεζών γραμμάτων .
- Δεν υπάρχει χαρακτηριστικό στο XHTML altγια εικόνες. Οχι, αυτό ήταν όλο.
Τι είναι το XHTML Modularization;
Η σπονδυλοποίηση XHTML είναι η διαίρεση της XHTML 1.0, σε σχέση με την HTML 4, σε μια συλλογή από αφηρημένες ενότητες που παρέχουν συγκεκριμένους τύπους λειτουργικότητας. Αυτές οι αφηρημένες ενότητες υλοποιούνται σε αυτήν την προδιαγραφή χρησιμοποιώντας τη γλώσσα ορισμού τύπου εγγράφου XML, αλλά αναμένεται μια υλοποίηση με χρήση του σχήματος XML.
Οι κανόνες για τον ορισμό αφηρημένων λειτουργικών μονάδων και την εφαρμογή τους με χρήση DTD ορίζονται επίσης σε αυτό το έγγραφο.
xhtml Αυτές οι λειτουργικές μονάδες μπορούν να συνδυαστούν μεταξύ τους και με άλλες λειτουργικές μονάδες για να δημιουργήσουν ένα υποσύνολο και επέκταση τύπων εγγράφων XHTML που πληρούν τις προϋποθέσεις ως μέλη της οικογένειας τύπων εγγράφων XHTML.
Γιατί είναι απαραίτητη η διαμόρφωση XHTML Modularization;
Μοντέλο μορφοποίησης
Οι προηγούμενες εκδόσεις του HTML προσπάθησαν να ορίσουν τα μέρη ενός τέτοιου μοντέλου που απαιτούνταν από τον παράγοντα χρήστη (UA) να χρησιμοποιηθούν κατά τη μορφοποίηση ενός εγγράφου. Με την έλευση του , το W3C ξεκίνησε τη διαδικασία διαχωρισμού της παρουσίασης από τη δομή. Το XHTML 1.0 υποστηρίζει αυτόν τον διαχωρισμό και αυτό το έγγραφο συνεχίζει την κίνηση από την HTML και τους απογόνους του προς αυτή την κατεύθυνση. Συνεπώς, αυτό το έγγραφο δεν απαιτεί καμία απαίτηση για το μοντέλο μορφοποίησης που σχετίζεται με την παρουσίαση εγγράφων που έχουν επισημανθεί με χρήση τύπων εγγράφων Οικογένειας XHTML.
xhtml Αντίθετα, αυτό το έγγραφο συνιστά στους συντάκτες περιεχομένου να βασίζονται σε μηχανές styling όπως το CSS για να καθορίσουν το μοντέλο μορφοποίησης για το περιεχόμενό τους.
Εάν οι πράκτορες χρηστών υποστηρίζουν μηχανές styling, τότε τα έγγραφα θα μορφοποιηθούν όπως αναμένεται.
Εάν οι πράκτορες χρήστη δεν υποστηρίζουν μηχανές στυλ, τότε τα έγγραφα θα μορφοποιηθούν όπως καθορίζεται από τον ίδιο τον παράγοντα χρήστη. Αυτό επιτρέπει στους πράκτορες χρηστών της οικογένειας XHTML να υποστηρίζουν σύνθετα μοντέλα μορφοποίησης σε συσκευές όπου είναι δυνατόν και να αλλάζουν μοντέλα μορφοποίησης σε συσκευές όπου είναι αποδεκτό.
Όταν γράφετε κώδικα XHTML, ακολουθείτε την ίδια σύνταξη που είναι τυπική για την HTML. Ωστόσο, η διαφορά μεταξύ HTML και XHTML είναι ένα σύνολο ορισμένων υποχρεωτικών κανόνων.
Οι κανόνες XHTML είναι οι εξής.
- Όλες οι ετικέτες και τα χαρακτηριστικά τους πρέπει να πληκτρολογούνται με πεζούς χαρακτήρες.
- Οποιεσδήποτε τιμές χαρακτηριστικών πρέπει να περικλείονται σε εισαγωγικά.
- Πρέπει να κλείσετε όλες τις ετικέτες, ακόμα και αυτές που δεν έχουν ετικέτα κλεισίματος που να σχετίζεται με αυτές.
- Πρέπει να τηρείται η σωστή ένθεση των ετικετών.
- Δεν μπορείτε να χρησιμοποιήσετε συντομευμένα χαρακτηριστικά ετικέτας.
- Αντί για το χαρακτηριστικό name, θα πρέπει να καθορίσετε id .
- Θα πρέπει να ορίσετε ένα DTD (ορισμός τύπου εγγράφου) χρησιμοποιώντας το στοιχείο .
Οι ετικέτες πρέπει να είναι με πεζά
Αυτός ο κανόνας προέκυψε επειδή το XHTML κάνει διάκριση πεζών-κεφαλαίων, επομένως οι ετικέτες του
Και
ποικίλλω. Για να αποφευχθεί η σύγχυση, η σύνταξη υποχρεώνει όλες τις ετικέτες, καθώς και τα χαρακτηριστικά τους, να είναι πεζά. Το Παράδειγμα 3.1 δείχνει εσφαλμένη χρήση ετικετών.
Παράδειγμα 3.1. Λάθος ορθογραφία των ετικετών
XHTML 1.0 IE Cr Op Sa Fx
Lorem ipsum dolor sit amet...
Σε αυτό το παράδειγμα, ετικέτες
ΚαιΠληκτρολογήθηκε με κεφαλαίους χαρακτήρες, το οποίο είναι λάθος. Το Παράδειγμα 3.2 δείχνει τον σωστό κωδικό.
Παράδειγμα 3.2. Σωστή ορθογραφία των ετικετών
XHTML 1.0 IE Cr Op Sa Fx
Lorem ipsum dolor sit amet...
Οποιεσδήποτε τιμές χαρακτηριστικών πρέπει να περικλείονται σε εισαγωγικά
Αν και το HTML απαιτεί επίσης να περικλείετε τιμές σε εισαγωγικά, η απουσία τους δεν επηρεάζει σε καμία περίπτωση την ορθότητα του κώδικα. Μπορούμε λοιπόν να πούμε ότι στην HTML η χρήση εισαγωγικών είναι απλώς μια σύσταση. Στο XHTML, η χρήση εισαγωγικών έχει ανυψωθεί σε κανόνα και τυχόν τιμές χαρακτηριστικών πρέπει να προσδιορίζονται μόνο σε αυτά (παράδειγμα 3.3).
Παράδειγμα 3.3. Χρησιμοποιώντας εισαγωγικά
XHTML 1.0 IE Cr Op Sa Fx
| Cheburashka | Shapoklyak |
|---|---|
| 1 | 5 |
| 4 | 13 |
Σε αυτό το παράδειγμα, όλα τα χαρακτηριστικά ετικέτας
δίνονται σε εισαγωγικά.
Όλες οι ετικέτες πρέπει να είναι κλειστέςΣτην HTML, οι ετικέτες χωρίζονται σε δύο κατηγορίες - ζευγαρωμένες ετικέτες, που ονομάζονται επίσης κοντέινερ, και μεμονωμένες ετικέτες. Οι ζευγαρωμένες ετικέτες αποτελούνται από μια ετικέτα ανοίγματος και κλεισίματος και σε ορισμένες περιπτώσεις η ετικέτα κλεισίματος μπορεί να παραλειφθεί. Στο XHTML, η ετικέτα κλεισίματος απαιτείται πάντα και παντού. Το Παράδειγμα 3.4 δείχνει τον κωδικό με ένα σφάλμα λόγω της λείπει ετικέτας .Παράδειγμα 3.4. Χωρίς ετικέτα κλεισίματος XHTML 1.0 IE Cr Op Sa Fx
και μπαίνει κρυφά στο αεροπλάνο, και του βάζει μια βόμβα στην κοιλιά, Ορισμένοι προγραμματιστές αγνοούν τις ετικέτες κλεισίματος , , , αλλά στην XHTML η απουσία τους θεωρείται σφάλμα. Το Παράδειγμα 3.5 δείχνει τη σωστή χρήση των λιστών.Παράδειγμα 3.5. Προσθήκη λίστας XHTML 1.0 IE Cr Op Sa Fx
Σε αυτό το παράδειγμα, κάθε ετικέτα ανοίγματος έχει μια αντίστοιχη ετικέτα κλεισίματος. Στοιχείοδεν αποτελεί μέρος του εγγράφου XHTML, επομένως δεν απαιτεί ετικέτα κλεισίματος. Όσον αφορά τις μεμονωμένες ετικέτες, πρέπει να τελειώνουν με κάθετο πριν από τη γωνία κλεισίματος, όπως φαίνεται στο Παράδειγμα 3.6. Παράδειγμα 3.6. Προσθήκη εικόνας XHTML 1.0 IE Cr Op Sa Fx
Σε αυτό το παράδειγμα, σημειώστε τον απαιτούμενο χώρο που προηγείται της κατασκευής />. Στον πίνακα Το 3.1 δείχνει ορισμένες ετικέτες HTML και πώς είναι γραμμένες σε ένα έγγραφο XHTML. Πρέπει να τηρείται η σωστή ένθεση των ετικετώνΗ XHTML είναι κρίσιμη για τους ακόλουθους τύπους σφαλμάτων: εσφαλμένη ένθεση μιας ετικέτας μέσα σε μια άλλη και τοποθέτηση μιας ετικέτας σε ακατάλληλο κοντέινερ. Σωστή ένθεση ετικετώνΚάθε ετικέτα πρέπει να βρίσκεται μέσα σε άλλη ετικέτα και η «τομή» τους δεν επιτρέπεται, όπως φαίνεται στο παράδειγμα 3.7. Παράδειγμα 3.7. Σφάλμα με τη θέση της ετικέτας XHTML 1.0 IE Cr Op Sa Fx
Lorem ipsum dolor κάτσεΑμετ... Σε αυτό το παράδειγμα, η ετικέτα κλεισίματοςπροηγείται της ετικέτας, αν και θα έπρεπε να είναι το αντίστροφο, πράγμα που οδηγεί σε σφάλμα. Μόλις ανταλλάξετε τις ετικέτες, ο κώδικας γίνεται σωστός. Παρόλο που το πρόγραμμα επικύρωσης κώδικα εμφανίζει σφάλμα εάν οι ετικέτες έχουν τοποθετηθεί εσφαλμένα, τα προγράμματα περιήγησης εξακολουθούν να εμφανίζουν σωστά την ιστοσελίδα. Ιεραρχία ετικετώνΌλες οι ετικέτες έχουν ένα αυστηρό ιεραρχικό σύστημα με την έννοια ότι κάθε ετικέτα πρέπει να βρίσκεται μέσα σε άλλη ετικέτα και τίποτα άλλο. Στην κορυφή υπό όρους υπάρχει ένα ριζικό στοιχείο και όλες οι άλλες ετικέτες μπορούν να περιέχουν άλλες ετικέτες μέσα τους, οι οποίες ονομάζονται θυγατρικές ετικέτες. Αντίστοιχα, οι θυγατρικές ετικέτες βρίσκονται στο γονικό στοιχείο. Είναι απαραίτητο να γνωρίζετε το σύστημα υποταγής ετικετών και να το ακολουθείτε όταν γράφετε κώδικα XHTML. Το Παράδειγμα 3.8 δείχνει τη βασική δομή ενός εγγράφου. Παράδειγμα 3.8. Δομή εγγράφου XHTML 1.0 IE Cr Op Sa Fx
Σε αυτό το παράδειγμα, η ετικέτα δίνεται πρώτα , το οποίο περιέχει ετικέτες Και . Εσωτερικό τμήμα ο τίτλος του εγγράφου αποθηκεύεται (Το "Empty value", όπως ονομάζεται επίσης αυτό το σφάλμα, μπορεί εύκολα να διορθωθεί εκχωρώντας στο χαρακτηριστικό μια τιμή που ταιριάζει με το όνομά του. Στον πίνακα Το 3.2 δείχνει ορισμένα χαρακτηριστικά και πώς είναι γραμμένα σε HTML και XHTML.
Το Παράδειγμα 3.10 δείχνει τη σωστή χρήση της παραπάνω φόρμας. Παράδειγμα 3.10. Σωστή χρήση των χαρακτηριστικών XHTML 1.0 IE Cr Op Sa Fx
Αντί για το χαρακτηριστικό name, πρέπει να καθορίσετε idΤο χαρακτηριστικό name ορίζεται σε HTML για ετικέτες , , |
|---|
