XHTML: Κωδικοποίηση ιστού για εκλεπτυσμένο σχεδιασμό

• Απρίλιος 29, 2024

Το XHTML 1.0 και το 1.1 αποτελούν το ΕΧέντατος HyperΤext Μarkup μεγάλοάγχος και αντιπροσωπεύουν ένα τεράστιο άλμα προς τα εμπρός από το HTML 4.0. Συνδυάζουν το καλύτερο από το HTML 4.0 με XML για να δώσουν στον σχεδιαστή ένα πιο εξελιγμένο σχήμα κωδικοποίησης για εκλεπτυσμένο και πιο αποφασιστικό σχεδιασμό ιστοσελίδων.

Το W3C, οι γονείς όλων των γλωσσών HTML, χαρακτήρισε την XHTML 1.0 ως την πρώτη σημαντική αλλαγή στην HTML από τότε που κυκλοφόρησε το HTML 4.0 το 1997. Φέρνει την αυστηρότητα της XML σε ιστοσελίδες και αποτελεί τον ακρογωνιαίο λίθο της εργασίας του W3C για τη δημιουργία προτύπων που παρέχουν πλουσιότερες ιστοσελίδες σε όλο και μεγαλύτερο εύρος πλατφόρμων περιήγησης, συμπεριλαμβανομένων των κινητών τηλεφώνων, των τηλεοράσεων, των αυτοκινήτων, των ασύρματων επικοινωνιών μεγέθους πορτοφολιών, των περίπτερα και των επιτραπέζιων υπολογιστών. "

Παραλλαγές XHTML

Τρεις διαφορετικοί τύποι XHTML είναι διαθέσιμοι για να καλύψουν τις ανάγκες όλων των σχεδιαστών ιστοσελίδων. Αυτά περιλαμβάνουν το Strict, Transitional και το Frameset XHTML.

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

XHTML 1.0 Μεταβατικό - μια μεσαία μορφή μορφής δρόμου για να βοηθήσει τους σχεδιαστές που χρειάζονται χρόνο για να μάθουν αυτό το νέο μέσο κωδικοποίησης ή επιθυμούν να φιλοξενήσουν θεατές που εξακολουθούν να χρησιμοποιούν παλαιότερα προγράμματα περιήγησης ιστού. Χρησιμοποιούνται φύλλα στυλ, αλλά ενσωματώνεται επίσης καλός παλιός κώδικας HTML. Για παράδειγμα, η ετικέτα σώματος εξακολουθεί να περιλαμβάνει τις ιδιότητες bgcolor, κειμένου, συνδέσμων, vlinks.

XHTML 1.0 Frameset - αυτή η παραλλαγή είναι αυτονόητη - το χρησιμοποιείτε όταν θέλετε να ενσωματώσετε το XHTML σε ένα έγγραφο που βασίζεται σε πλαίσια.

Ακόμη μια πιο προηγμένη έκδοση, XHTML 1.1 επιτρέπει την προσθήκη αρθρωτού κώδικα για διεθνείς και άλλες ειδικές ανάγκες κωδικοποίησης. Τα στοιχεία RUBY ενσωματώνονται προκειμένου να διευκολυνθεί αυτή η επιπλέον κωδικοποίηση. Η πιο σημαντική αλλαγή στο XHTML 1.1 είναι η αποσύνδεση των δεδομένων από την παρουσίαση. Η μορφοποίηση δεν ενσωματώνεται πλέον στα δεδομένα και μπορεί να επιτευχθεί μόνο με την αναφορά των Φύλλων Στυλ Κατανομής (CSS). Αυτό αφήνει τα διαθέσιμα δεδομένα για εύκολη ανάλυση και επαναχρησιμοποίηση από ένα ευρύ φάσμα νέων μη επιτραπέζιων προϊόντων και εφαρμογών προσβασιμότητας.

Προσαρμογή του HTML σας

Ο Dave Raggett και ο Source Forge του W3C προσφέρουν σήμερα ένα μεγάλο βοηθητικό πρόγραμμα ανοιχτού κώδικα, HTML Tidy για τους σχεδιαστές που θέλουν να μετατρέψουν τα τρέχοντα έγγραφα HTML σε XHTML (και να τακτοποιήσουν τον κώδικα τους στη διαδικασία). Αυτό το εύχρηστο εργαλείο θα βοηθήσει τον κωδικό σας να λάμπει, εκτελώντας όλες αυτές τις χρήσιμες εργασίες:

• Λανθασμένες ή αναντιστοιχίες τελικές ετικέτες ανιχνεύονται και διορθώνονται


• Οι τελικές ετικέτες με λάθος σειρά διορθώνονται


• Διορθώνει προβλήματα με έμφαση στην επικεφαλίδα


• Ανάκτηση από ανακατεμένες ετικέτες


• Προσθέτοντας την ελλειπή κάθετο στην ετικέτα άκρων για τις άγκυρες


• Επιδιορθώστε λίστες τοποθετώντας ετικέτες που λείπουν


• Παραλείπονται αποσπάσματα σχετικά με τις τιμές χαρακτηριστικών


• Άγνωστα / ιδιόκτητα χαρακτηριστικά γνωστοποιούνται


• Τα ιδιόκτητα στοιχεία αναγνωρίζονται και δηλώνονται ως τέτοια


• Ετικέτες που δεν έχουν τερματικό βραχίονα επισημαίνονται


• Αντικαθιστά τον υπερβολικό κώδικα διάταξης με ιδιότητες στυλ και κανόνες που χρησιμοποιούν το CSS


• Διαγράφει κενά στοιχεία παραγράφου και επικεφαλίδας

Τα νιτρίσματα

Ένας από τους βασικούς "κανόνες" κατά τη χρήση του XHTML είναι ότι ο κώδικας πρέπει να είναι καθαρός και πλήρης.

• Όλα τα στοιχεία πρέπει να έχουν ετικέτες κλεισίματος και να φωλιάζουν σωστά.


• Όλες οι ετικέτες πρέπει να είναι γραμμένες με μικρά γράμματα.


• Οι τελικές ετικέτες πρέπει να συμπεριληφθούν για ΟΛΑ στοιχεία


• Όλα τα χαρακτηριστικά πρέπει να είναι σε εισαγωγικά π.χ. πλάτος, colspan, rowspan


• Τα κενά στοιχεία πρέπει να έχουν μια τελική ετικέτα

Ενα χέρι βοηθείας

Αισθάνεστε συγκλονισμένοι για την εκμάθηση μιας ακόμη μορφής HTML; Υπάρχει βοήθεια, αν ναι. Το XStandard είναι ένας επεξεργαστής κώδικα WYSIWYG που σας βοηθά να γράφετε καθαρό καθαρό κώδικα XHTML σε XHTML 1.0 Strict ή XHTML 1.1. Οι δημιουργοί περιγράφουν αυτό το λογισμικό ως "τον πιο προηγμένο επεξεργαστή WYSIWYG βασισμένο σε πρότυπα στην αγορά.Αυτός είναι ιδανικός για κάθε σύστημα διαχείρισης περιεχομένου με Windows ή browser που υποστηρίζει ActiveX.Το XStandard διαχειρίζεται πλούσιο περιεχόμενο σε οποιαδήποτε γλώσσα, , και υποστηρίζει δημοφιλείς επιλογές επεξεργασίας, συμπεριλαμβανομένων των πινάκων, περιτύλιξη κειμένου γύρω από εικόνες και μεταφορά και απόθεση αρχείων στον επεξεργαστή. " Το λογισμικό έρχεται σε μια δωρεάν έκδοση XStandard Lite και μια πιο ευέλικτη έκδοση XStandard Pro.

Εάν θέλετε ο ιστότοπός σας να λειτουργεί καλά στα προγράμματα περιήγησης και τις μη παραδοσιακές συσκευές και να συνεχίσετε να εργάζεστε καλά στο αυριανό, είναι καλή ιδέα να δημιουργήσετε νέους ιστότοπους στο XHTML και να μετατρέψετε παλιές σελίδες σε XHTML όπως σας επιτρέπει το πρόγραμμα εργασίας σας. Φυσικά, αυτό δεν είναι το τέλος! Ήδη γίνονται εργασίες για τη δημιουργία του XHTML 2.0. Η κίνηση είναι να επικεντρωθεί αποκλειστικά στη δομή, όχι στην προς τα πίσω συμβατότητα. Μπορείτε να διαβάσετε σχετικά με αυτήν τη νεότερη μορφή XHTML στην ιστοσελίδα της IBM στο άρθρο τους, Το μέλλον του Ιστού: XHTML 2.0.

HTML Highlight Series Series

ΜΕΡΟΣ 1: Πρέπει ένας αξιόπιστος σχεδιαστής να γνωρίζει HTML;
ΜΕΡΟΣ 2Ο: HTML 3.2 - Η γέννηση του Wilbur
ΜΕΡΟΣ 3: HTML 4.0 ΚΑΙ 4.01 - Περισσότερα από ένα καλό πράγμα!
ΜΕΡΟΣ 4: XHTML: Κωδικοποίηση ιστού για εκλεπτυσμένο σχεδιασμό
ΜΕΡΟΣ 5: DHTML: Δυναμική κωδικοποίηση στο Web

Οδηγίες Βίντεο: XHTML Video Tutorial (Απρίλιος 2024).