XHTML Syntax

Για να γράψετε κώδικα XHTML χρειάζεται καθαρή γραμματοσειρά HTML

Περισσότερες γραμματοσειρές XHTML:

  • Οι ονόματα των χαρακτηριστικών πρέπει να είναι μικρά
  • Οι τιμές των χαρακτηριστικών πρέπει να περιλαμβάνονται σε εισαγωγικά
  • Τα χαρακτηριστικά δεν μπορούν να συντομεύονται
  • Χρησιμοποιήστε το χαρακτηριστικό Id αντί για το χαρακτηριστικό name
  • Η XHTML DTD ορίζει τα υποχρεωτικά HTML στοιχεία

Οι ονόματα των χαρακτηριστικών πρέπει να είναι μικρά

Αυτό είναι λάθος:

<table WIDTH="100%">

Αυτό είναι σωστό:

<table width="100%">

Οι τιμές των χαρακτηριστικών πρέπει να περιλαμβάνονται σε εισαγωγικά

Αυτό είναι λάθος:

<table width=100%>

Αυτό είναι σωστό:

<table width="100%">

Τα χαρακτηριστικά δεν μπορούν να συντομεύονται

Αυτό είναι λάθος:

<input checked>
<input readonly>
<input disabled>
<option selected>
<frame noresize>

Αυτό είναι σωστό:

<input checked="checked" />
<input readonly="readonly" />
<input disabled="disabled" />
<option selected="selected" />
<frame noresize="noresize" />

Ακολουθεί μια λίστα με τα συντομευμένα χαρακτηριστικά HTML και τις τροποποιήσεις τους στο XHTML:

HTML XHTML
compact compact="compact"
checked checked="checked"
declare declare="declare"
readonly readonly="readonly"
disabled disabled="disabled"
selected selected="selected"
defer defer="defer"
ismap ismap="ismap"
nohref nohref="nohref"
noshade noshade="noshade"
nowrap nowrap="nowrap"
multiple multiple="multiple"
noresize noresize="noresize"

Χρησιμοποιήστε την ιδιότητα id αντί για την ιδιότητα name

Η HTML 4.01 ορίζει την ιδιότητα name για τα στοιχεία: a, applet, frame, iframe, img και map.

Στα XHTML δεν προτιμάται η χρήση της ιδιότητας name, πρέπει να χρησιμοποιείται η ιδιότητα id αντί αυτής.

Αυτό είναι λάθος:

<img src="picture.gif" name="picture1" />

Αυτό είναι σωστό:

<img src="picture.gif" id="picture1" />

Σημαντική συμβουλή συμβατότητας:

Πρέπει να προσθέσετε μια επιπλέον κενή πριν από το σύμβολο "/" για να είναι το XHTML σας συμβατό με τους σύγχρονους περιηγητές.

Ιδιότητα γλώσσας (lang)

Η ιδιότητα lang εφαρμόζεται σχεδόν σε όλα τα στοιχεία XHTML. Ορίζει τον τύπο γλώσσας που χρησιμοποιείται για το περιεχόμενο του στοιχείου.

Αν χρησιμοποιείται η ιδιότητα lang σε κάποιο στοιχείο, πρέπει να προσστείται επιπλέον το xml:lang, όπως εδώ:

<div lang="no" xml:lang="no">Γεια σου Νορβηγία!</div>

Αναγκαία στοιχεία XHTML

Όλα τα αρχεία XHTML πρέπει να έχουν δηλωση τύπου αρχείου (DOCTYPE declaration). Στα αρχεία XHTML πρέπει να υπάρχουν τα στοιχεία html, head, body, ενώ το στοιχείο title πρέπει να βρίσκεται μέσα στο στοιχείο head.

Μια μινιμαλιστική μοτίβα αρχείου XHTML είναι η εξής:

<!DOCTYPE Τύπος Doctype εδώ>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Τίτλος εδώ</title>
</head>
<body>
</body>
</html>

Tip:The file type declaration is not a part of the XHTML document itself. It is not an XHTML element and does not have a closing tag.

Tip:In XHTML, the xmlns attribute within the <html> tag is required. However, even if this attribute is not present in the XHTML document, the w3.org validation tool will not prompt an error. This is because, "xmlns=http://www.w3.org/1999/xhtml" is a fixed value, and this value will be added to the <html> tag even if you do not include it in the code.

You will learn more about the XHTML document type declaration in the next chapter.