Παρουσιαση* <htm>
WWW σημαίνει World Wide Web
* Το World Wide Web αποκαλείται και Web
* Το Web είναι ένα δίκτυο υπολογιστών σε όλο τον κόσμο
* Όλοι οι υπολογιστές στο διαδίκτυο μπορούν να επικοινωνούν μεταξύ τους
* Όλοι οι υπολογιστές χρησιμοποιούν ένα πρότυπο επικοινωνίας που ονομάζεται HTTP
Πώς λειτουργεί το WWW;
* Web πληροφορίες αποθηκεύονται σε έγγραφα που ονομάζονται Web σελίδες
* οι σελίδες Web ειναι αρχεία που αποθηκεύονται στους υπολογιστές που ονομάζονται Web servers
* Οι Υπολογιστές που μπορούν να ανάγνωσουν τις ιστοσελίδες ονομάζονται Web clients
* Oi Web clients προβάλουν τις σελίδες με ένα πρόγραμμα περιήγησης (browser)
* Δημοφιλείς browsers είναι ο Internet Explorer και Mozilla Firefox
Πώς το πρόγραμμα περιήγησης φορτώνει τις σελίδες;
* Ένα πρόγραμμα περιήγησης προσκομίζει μια ιστοσελίδα από ένα διακομιστή με μια αίτηση
* Η αίτηση είναι μια τυποποιημένη αίτηση HTTP που περιέχει μια διεύθυνση
* Μια διεύθυνση μοιάζει με: http://www.test.com/page.htm
Πώς το πρόγραμμα περιήγησης απεικόνιζει τις σελίδες;
* Όλες οι ιστοσελίδες περιέχουν οδηγίες για το πώς πρέπει να εμφανίζονται
* Το πρόγραμμα περιήγησης εμφανίζει τη σελίδα με την ανάγνωση αυτών των οδηγιών
* Οι πιο κοινές οδηγίες απεικόνισης ονομάζονται ετικέτες HTML (html tags)
* Η ετικέτα HTML για μια παράγραφο είναι:
* Πχ
Αυτή είναι μια παράγραφος
Ποιος φτιάχνει τους Κανόνες για τα web Πρότυπα; (web Standards)
* Τα πρότυπα Ιστού δεν φτιαχνονται από την Netscape ή την Microsoft
* Οι κανόνες του Web δίνονται απο το W3C
* Το W3C σημαίνει World Wide Web Consortium(κοινοπραξία)
* Το W3C συνθέτει τις προδιαγραφές για τα πρότυπα Ιστού
* Το πιο σημαντικα πρότυπα του Παγκοσμίου Ιστού είναι τα HTML, CSS και XML
* Το πιο πρόσφατο HTML πρότυπο είναι το XHTML 1.0
Η εξέλιξη της HTML έχει ουσιαστικά σταματήσει. Σε αντικατάσταση της έχει δημιουργηθεί μια νέα γλώσσα που αποκαλείτε XHTML. Η XHTML είναι σε πολλά πράγματα όμοια με την HTML, αλλά έχει σχεδιαστεί έτσι ώστε να μπορεί να λειτουργεί με την eXtensible Markup Language ή με άλλα λόγια την XML, η οποία σύντομα θα αποτελέσει τον πυρήνα για την σχεδίαση κάθε είδους εφαρμογής βασισμένης στις τεχνολογίες διαδικτύου. Η XHTML έχει σχεδιαστεί έτσι ώστε να είναι σε θέση να συνεργαστεί και με άλλες γλώσσες, άλλους τύπους εγγράφων σε διάφορες γλώσσες και όλα αυτά να συνδυάζονται μεταξύ τους.
Τα αρχικά
- XHTML σημαίνουν eXtensible HyperText Markup Language, δηλ. εκτεταμένη γλώσσα σήμανσης υπερκειμένου.
- Η XHTML σκοπεύει να αντικαταστήσει την HTML.
- Η XHTML είναι σχεδόν ίδια με την HTML 4.01.
- Η XHTML αποτελεί μια αυστηρότερη και καθαρότερη έκδοση (version) της HTML.
- Η XHTML είναι η HTML ορισμένη σαν μια εφαρμογή της XML.
Η XHTML αποτελεί ένα στάνταρτ του Web και η XHTML 1.0 έγινε μια επίσημη σύσταση (Recommendation) του W3C στις 26 Ιανουαρίου 2000.
Η XHTML αποτελεί μια αναδιάταξη (reformulation) της HTML 4.01 στην XML και μπορεί να χρησιμοποιηθεί με τους υπάρχοντες φυλλομετρητές ακολουθώντας μερικούς απλούς κανόνες.
Μπορούμε να ετοιμαστούμε ψυχολογικά για την XHTML, αρχίζοντας να γράφουμε κώδικα HTML με αυστηρούς κανόνες. Η XHTML αποτελεί τη νέα γενιά της HTML, αλλά θα πάρει φυσικά κάποιο χρόνο πριν οι φυλλομετρητές και τα άλλα προϊόντα λογισμικού είναι έτοιμα γι’ αυτήν.
Η XHTML δεν είναι πολύ διαφορετική από την HTML 4.01, έτσι αν ο κώδικάς μας συμμορφωθεί με τα στάνταρτς της 4.01, αυτό θα είναι μια πολύ καλή αρχή.
Επιπλέον, πρέπει από ΤΩΡΑ να αρχίσουμε να γράφουμε τον HTML κώδικά μας με πεζά γράμματα και ΠΟΤΕ να μην κάνουμε την κακή συνήθεια να ξεχνάμε τα τελικά tags, όπως είναι το
.
Οι σημαντικότερες διαφορές ανάμεσα στις δύο γλώσσες είναι οι εξής :
- Τα στοιχεία της XHTML πρέπει να είναι σωστά φωλιασμένα (nested).
- Τα έγγραφα της XHTML πρέπει να είναι σωστά μορφοποιημένα (well-formed).
- Τα ονόματα των tags πρέπει να γράφονται με πεζά γράμματα.
- Ολα τα στοιχεία της XHTML πρέπει να είναι κλειστά.
Τα στοιχεία πρέπει να είναι σωστά φωλιασμένα
Στην HTML μερικά στοιχεία μπορεί να μην είναι σωστά φωλιασμένα (nested) το ένα μέσα στο άλλο, όπως συμβαίνει στο παρακάτω παράδειγμα :
This text is bold and italic
Αντίθετα, στην XHTML όλα τα στοιχεία πρέπει να είναι σωστά φωλιασμένα το ένα μέσα στο άλλο, ως εξής :
This text is bold and italic
Ενα κοινό λάθος στις φωλιασμένες λίστες (nested lists), είναι να ξεχνάμε ότι η εσωτερική λίστα (inside list) πρέπει να βρίσκεται μέσα σ’ ένα στοιχείο li.
Αυτό είναι λάθος :
- Coffee
- Tea
- Black tea
- Green tea
- Milk
Αυτό είναι σωστό :
- Coffee
- Tea
- Black tea
- Green tea
- Milk
Η διαφορά είναι ότι έχουμε τοποθετήσει ένα tagμετά από το tagστο σωστό παράδειγμα.
Τα έγγραφα πρέπει να είναι σωστά μορφοποιημένα (well-formed)
Όλα τα στοιχεία της XHTML πρέπει να είναι φωλιασμένα μέσα στο αρχικό (root) στοιχείοκαι όλα τα άλλα στοιχεία μπορούν να έχουν στοιχεία παιδιά (children elements), τα οποία πρέπει να είναι σε ζευγάρια και σωστά φωλιασμένα μέσα στο πατρικό τους στοιχείο (parent element). Η βασική δομή του εγγράφου είναι η εξής :
...
...
Τα ονόματα των tags πρέπει να γράφονται με πεζά γράμματα
Αυτό ισχύει επειδή τα έγγραφα της XHTML αποτελούν εφαρμογές της XML και η XML ξεχωρίζει τους πεζούς από τους κεφαλαίους χαρακτήρες (case-sensitive). Αυτό σημαίνει ότι tags όπως τα
και
αντιμετωπίζονται σαν διαφορετικά tags.
Αυτό είναι λάθος :
This is a paragraph
Αυτό είναι σωστό :
This is a paragraph
Ολα τα στοιχεία της XHTML πρέπει να είναι κλειστά
Τα μην κενά στοιχεία πρέπει να έχουν ένα τελικό tag.
Αυτό είναι λάθος :
This is a paragraph
This is another paragraph
Αυτό είναι σωστό :
This is a paragraph
This is another paragraph
Τα κενά στοιχεία πρέπει επίσης να είναι κλειστά
Τα κενά στοιχεία πρέπει είτε να έχουν ένα τελικό tag ή το αρχικό tag πρέπει να τελειώνει με τους χαρακτήρες />.
Αυτό είναι λάθος :
This is a break
Here comes a horizontal rule :
Αυτό είναι σωστό :
This is a break
This is a break too
Here comes a horizontal rule :
Για να κάνουμε την XHTML να είναι συμβατή (compatible) με τους σημερινούς φυλλομετρητές (browsers), πρέπει να προσθέσουμε ένα επιπλέον κενό πριν από το σύμβολο /, ως εξής :
και
.
