Doctypes

 τι είναι το DOCTYPE και γιατί θεωρείται απαραίτητο σε μία ιστοσελίδα; Αρχικά να σας πω, ότι η ετικέτα <DOCTYPE> είναι απαραίτητη σε κάθε HTML και XHTML έγγραφο αν και δεν είναι μέρος του κώδικα τους. Η ετικέτα αυτή, είναι υπεύθυνη έτσι ώστε να ορίζει τον τύπο του εγγράφου, το DTD δηλαδή όπως θα το συναντήσετε πολλές φορές σε αυτόν τον “χώρο” , που σύμφωνα με την επίσιμη αγγλική ορολογία, σημαίνει Document[D] Type[T] Definition[D]. Πιο απλά, είναι μία γραμμή κώδικα που τοποθετείται στο πάνω μέρος του κάθε HMTL αρχείου της ιστοσελίδας σας το οποίο ενημερώνει το W3C validator ποιά έκδοση (X)HTML χρησιμοποιείτε. Το DOCTYPE είναι απαραίτητο να υπάρχει στο αρχείο σας για τους εξής λόγους

:

1. Εγγυάται σωστό render στα προγράμματα πλοήγησης του διαδικτύου ή αλλιώς περιηγητές(browsers),
2. Χωρίς αυτό δεν μπορεί η ιστοσελίδα σας να είναι valid W3C.
3. Με την έλλειψη ή με λανθασμένο DOCTYPE οι browsers διαβάζουν τον κώδικα της ιστοσελίδας σας ως παλαίο και λανθασμένο, κάτι το οποίο δεν βοηθάει ούτε στην προώθηση των σελιδών μέσω της χρήσης των μηχανών αναζήτης(π.χ. Google, Yahoo, Altavista) αλλά ούτε και στην δημιουργία επαγγελματικών ιστοσελίδων, καθώς ο λανθασμένος κώδικας μειώνει την αξιοπιστία και την φήμη του δημιουργού.

Τα τρία είδη DOCTYPE που υπάρχουν είναι τα εξής:

• STRICT
• TRANSITIONAL
• FRAMESET

Πιο συγκεκριμένα, χρησιμοποιούμε…

3. XHTML 1.0 Frameset

http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>

Ολα τα έγγραφα της XHTML πρέπει να έχουν μια δήλωση DOCTYPE, πρέπει να υπάρχουν τα στοιχεία html, head και body και το στοιχείο title πρέπει να βρίσκεται μέσα στο στοιχείο head.

Αυτό είναι το ελάχιστο που πρέπει να περιέχει ένα έγγραφο της XHTML :

< !DOCTYPE ...>

< html>

< head>
< title>... </title>
< /head>

< body> ... < / body>

< /html>

Οι Τρεις Ορισμοί Τύπου Εγγράφου

Το DTD καθορίζει τη σύνταξη μιας ιστοσελίδας (web page) στην SGML και χρησιμοποιείται από εφαρμογές της SGML, όπως είναι η HTML, για να καθορίσει τους κανόνες που εφαρμόζονται στη σήμανση (markup) των εγγράφων ενός συγκεκριμένου τύπου που περιλαμβάνουν ένα σύνολο δηλώσεων στοιχείων και οντοτήτων.

Η XHTML καθορίζεται σ’ έναν ορισμό τύπου εγγράφου (document type definition ή DTD) της SGML. Eνα DTD της XHTML περιγράφει με ακρίβεια και σε κατανοητή από τον υπολογιστή γλώσσα την επιτρεπόμενη σύνταξη και γραμματική της σήμανσης της XHTML.

Υπάρχουν προς το παρόν οι εξής τρεις τύποι εγγράφου XHTML :

• STRICT
• TRANSITIONAL
• FRAMESET

Η XHTML 1.0 καθορίζει τρεις τύπους εγγράφου XML που αντιστοιχούν στα εξής τρία DTDs : Strict, Transitional και Frameset.

XHTML 1.0 Strict

< !DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" >

Το χρησιμοποιούμε όταν θέλουμε πραγματικά καθαρή σήμανση (clean markup), απαλλαγμένη από presentational clutter. Το χρησιμοποιούμε μαζί με διαδοχικά φύλλα στυλ (Cascading Style Sheets).

XHTML 1.0 Transitional

< !DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >

Το χρησιμοποιούμε όταν θέλουμε να εκμεταλλευτούμε τα presentational χαρακτηριστικά της HTML και όταν θέλουμε να υποστηρίξουμε φυλλομετρητές που δεν κατανοοούν τα Cascading Style Sheets.

XHTML 1.0 Frameset

< !DOCTYPE html

PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

Το χρησιμοποιούμε όταν θέλουμε να έχουμε πλαίσια (frames) για να χωρίσουμε το παράθυρο του φυλλομετρητή σε δύο ή περισσότερα πλαίσια (παράθυρα).

μετατροπη απο HTML σε XHTML

Για να μετατρέψουμε έναν δικτυακό τόπο (Web site) από HTML σε XHTML, πρέπει να είμαστε εξοικειωμένοι με τους συντακτικούς κανόνες της XHTML που είδαμε νωρίτερα. Για να γίνει αυτή η μετατροπή, πρέπει να ακολουθήσουμε τα εξής βήματα και με την εξής σειρά :

Προσθήκη ενός ορισμού DOCTYPE

Πρέπει να προσθέσουμε τον ακόλουθο ορισμό DOCTYPE σε κάθε σελίδα :

< !DOCTYPE html PUBLIC

"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Οι φυλλομετρητές δεν χρησιμοποιούν στην πραγματικότητα αυτά τα στοιχεία. Εμείς πρέπει απλά να τα προσθέσουμε στην ΠΡΩΤΗ ΓΡΑΜΜΗ των HTML αρχείων μας. Αυτά τα στοιχεία χρησιμοποιούνται μόνο όταν κάνουμε επικύρωση (Validation) των XHTML αρχείων μας.

Ονόματα tags και χαρακτηριστικών με πεζά γράμματα

Εφόσον η XHTML ξεχωρίζει τους κεφαλαίους από τους πεζούς χαρακτήρες (case sensitive) και εφόσον η XHTML δέχεται μόνο ονόματα tags και χαρακτηριστικών της HTML με πεζά γράμματα, πρέπει να δώσουμε μια εντολή εύρεσης και αντικατάστασης (search and replace) για να αντικαταστήσουμε όλα τα tags που είναι γραμμένα με κεφαλαία. Το ίδιο πρέπει να κάνουμε και για τα ονόματα των χαρακτηριστικών.

Ολα τα χαρακτηριστικά περικλείονται από εισαγωγικά

Εφόσον η σύσταση (Recommendation) XHTML 1.0 του W3C δηλώνει ρητά ότι όλες οι τιμές των χαρακτηριστικών πρέπει να περικλείονται από εισαγωγικά, πρέπει να κάνουμε έλεγχο σε κάθε σελίδα του δικτυακού τόπου.

Κενά tags : <hr>, <br> και <img>

Τα κενά tags δεν επιτρέπονται στην XHTML και έτσι τα < hr> και < br> πρέπει να αντικατασταθούν με τα < hr /> και < br /> αντίστοιχα.

Επικύρωση του Web Site

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