Πώς να αναβαθμίσουμε στο XHTML;

Πώς θα αναβαθμίσετε τον ιστοχώρο σας σε XHTML;

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

Παρακάτω θα εξηγήσουμε τα συγκεκριμένα βήματα.

Προσθήκη ανακοίνωσης τύπου αρχείου

Προσθέστε την ανακοίνωση τύπου αρχείου στην αρχή κάθε σελίδας:

<!DOCTYPE html PUBLIC
"-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Λάβετε υπόψη:Το ιστοχώρος (codew3c) χρησιμοποιεί το σφιχτό DTD. Ωστόσο, η χρήση του过渡 DTD είναι επίσης μια καλή επιλογή, επειδή για τους περισσότερους εισαγωγικούς προγραμματιστές, το σφιχτό DTD μπορεί να φαίνεται

Μια συμβουλή για τη δήλωση τύπου αρχείου

Αν θέλετε να επιβεβαιώσετε την ιστοσελίδα ως σωστή XHTML, η ιστοσελίδα πρέπει να περιέχει δήλωση τύπου αρχείου.

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

Πεζά γράμματα ετικετών και ονομάτων χαρακτηριστικών

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

Προσθέστε ενδεικτικές τιμές σε όλες τις χαρακτηριστικές

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

Κενές ετικέτες: <hr> , <br> και <img>

Στο XHTML δεν επιτρέπεται η χρήση κενών ετικετών (Empty tags). Οι ετικέτες <hr> και <br> πρέπει να αντικατασταθούν με <hr /> και <br />.

Αυτό προκαλεί ένα νέο πρόβλημα, το Netscape θα κατανοήσει λάθος το σήμα <br/>. Δεν γνωρίζουμε την αιτία, αλλά μετά την αλλαγή του σε <br />, το πρόβλημα λύθηκε. Εφόσον συνειδητοποιήσετε αυτό, θα πρέπει να更改 τις ετικέτες ξανά μέσω της λειτουργίας αναζήτησης και αντικατάστασης.

Άλλες ετικέτες (π.χ. <img>) αντιμετωπίζουν επίσης τα ίδια προβλήματα. Μην χρησιμοποιείτε κλειστούς χαρακτήρες για να κλείσετε το <img>, αλλά προσθέστε / > στο τέλος της ετικέτας.

Επιβεβαίωση ιστοσελίδας

Μετά την ολοκλήρωση όλων αυτών, χρησιμοποιήστε τον παρακάτω σύνδεσμο για να επιβεβαιώσετε όλες τις τροποποιημένες σελίδες με βάση την επίσημη W3C DTD: XHTML ValidatorΣτη συνέχεια, μπορεί να εντοπιστούν λίγα λάθη, τα οποία θα πρέπει να διορθωθούν ένα προς ένα (χειροκίνητα). Η εμπειρία μας δείχνει ότι το πιο συχνό λάθος είναι η παραλείψη του σήματος </li> στις λίστες.

Πρέπει να χρησιμοποιήσουμε εργαλεία μετατροπής (π.χ. TIDY); Ναι, θα μπορούσαμε να χρησιμοποιήσουμε το TIDY.

HTML TIDY του Dave RaggettΕίναι ένα δωρεάν εργαλείο για την καθαρισμό κώδικα HTML. Στο έργο της διαχείρισης δύσκολα αναγνωστέων κώδικων HTML που δημιουργούνται από ειδικούς επεξεργαστές HTML και εργαλεία μετατροπής, το TIDY κάνει εξαιρετική δουλειά. Επιπλέον, μπορεί να σας βοηθήσει να εντοπίσετε τα σημεία της ιστοσελίδας όπου χρειάζεται περισσότερη προσοχή, ώστε οι ιστοσελίδες να είναι πιο προσβάσιμες για τα άτομα με αναπηρίες.

Γιατί δεν χρησιμοποιούμε το Tidy; Όταν ξεκινήσαμε τη δημιουργία αυτού του ιστότοπου, ήμασταν πολύ καλοί στο XHTML. Τότε ήδη γνωρίζαμε να χρησιμοποιούμε χαμηλές ετικέτες και να προσθέτουμε εισαγωγικά στις ιδιότητες. Επομένως, κατά τη διάρκεια των δοκιμών του ιστότοπου, απλώς χρησιμοποιήσαμε τον Έλεγχο XHTML του W3C και διορθώσαμε μερικά λάθη. Αυτό που είναι πιο σημαντικό, ήμασταν ήδη μαθητές πολλά για τη γραφή κώδικα HTML με το Tidy.

Εκπαιδευτικός Οδηγός

Αν θέλετε να κατανοήσετε καλύτερα πώς να χρησιμοποιήσετε το XHTML για τη δομή των σελίδων, παρακαλώ διαβάστε τοΔομή XHTML》。