Αυτό είναι το πρώτο από μια σειρά άρθρων που ολοκλήρωσα στα τέλη του 2007 και πλέον πρέπει να επικαιροποιηθούν. Πρόκειται για τα πρώτα βήματα στην HTML και θα προσθέσω πληροφορίες για την HTML5 που φάνηκε στον ορίζοντα. Θα ξεκινήσω λοιπόν με μια σύντομη εισαγωγή στην HTML και θα δούμε κιόλας την πρώτη γραμμή που θα πρέπει να υπάρχει στον κώδικα: την δήλωση DOCTYPE.
Η HTML 4.01 είναι η πιο πρόσφατη (ολοκληρωμένη) version της «γλώσσας» του διαδικτύου και χρονολογείται από το 1999! Σύμφωνα με τους όρους του W3C, της διεθνούς κοινότητας που μελετά και προτείνει standards, η HTML 4.01 είναι τελειωμένη και πλέον ασχολούμαστε με την επόμενη version. Αν έχετε όρεξη, μπορείτε να διαβάσετε την ιστορία της HTML, τι ακριβώς συνέβη με την XHTML και πως φτάσαμε στην HTML5 — η οποία επόμενη version είναι βελτίωση και όχι επανάσταση (όπως ΘΑ ήταν η XHTML 2) και γι' αυτό, τα παλιά αυτά άρθρα είναι ακόμα χρήσιμα!
H δήλωση DOCTYPE πρέπει να είναι η πρώτη γραμμή στον κώδικα της σελίδας. Σύμφωνα με τα specifications (που ένας κοινός θνητός πολύ δύσκολα θα βγάλει άκρη με δαύτα!), χρησιμοποιείται για να βοηθήσει τον browser να καταλάβει και να ερμηνεύσει σωστά τον υπόλοιπο κώδικα. Αν έχουμε μια σωστή δήλωση DOCTYPE, ο browser θα προσπαθήσει να δείξει την σελίδα μας ακολουθώντας τα web standards, αν όχι τότε θα ενεργοποιήσει το λεγόμενο Quirks mode — όπου ο browser προσπαθεί να διορθώσει και να δείξει κακογραμμένο κώδικα, χαρακτηριστικό της περασμένης δεκαετίας. Τα Quirks και Strict mode έχουν μεγάλη διαφορά στην παρουσίαση και είναι υπεύθυνα για πολλά, μικρά ή μεγάλα, προβληματα που μπορεί να αντιμετωπίσετε φτιάχνοντας το πρώτο (αλλά και τα επόμενα) σας site.
Στην HTML5 βέβαια υπάρχει μόνο ένα DOCTYPE: <!DOCTYPE HTML> ή με πεζά, <!doctype html>, όπως σας αρέσει καλύτερα. Και μπορείτε να το χρησιμοποιήσετε από τώρα! Αυτό το DOCTYPE μάλιστα υποννοεί πως η κωδικοποίηση της σελίδας σας θα είναι utf-8 το οποίο με τη σειρά του αλλάζει λίγο το META που χρησιμοποιούσαμε — ας το αφήσουμε όμως αυτό για κάποιο επόμενο μάθημα καλύτερα.
Αν όντως μαθαίνετε HTML από το μηδέν, το Adobe Dreamweaver (ή άλλο πρόγραμμα WYSIWYG) δεν θα σας βοηθήσει – ούτε ο Internet Explorer 6.x. Βάλτε Internet Explorer 7 8, Firefox, Chrome και ξεκινήστε να προγραμματίζετε «με το χέρι». Προτιμήστε να μάθετε να προγραμματίζετε σε Strict και όχι σε Transitional DTD για να μπορείτε να εντοπίζετε και να διορθώνετε ευκολότερα τις μικροδιαφορές μεταξύ των διάφορων browsers αλλά και για να εξακολουθήσει το site σας να δουλεύει και στο μέλλον — ο IE 6 (και ο 7…), αργά ή γρήγορα θα καταργηθεί (επιτέλους!). Να θυμάστε επίσης πως υπάρχουν ειδικά DOCTYPEs αν θέλετε να χρησιμοποιήσετε frames – που, καλό είναι, να τα αποφεύγετε έτσι κι αλλιώς, για διάφορους λόγους. Ή θα περάσετε από τώρα σε HTML5 οπότε, όλο το παραπάνω είναι απλώς … εγκυκλοπαιδικές γνώσεις!
Ενημέρωση: Μερικά τεχνικά άρθρα σχετικά με τα προβλήματα που πιθανόν να αντιμετωπίσετε με την XHTML.
- Serving up XHTML with the correct MIME type
- The perils of using XHTML properly
- Sending XHTML as text/html Considered Harmful
(Καμία ψήφος)
Loading ...