Διαφορές μεταξύ XHTML και HTML

Γράφοντας σφιχτό HTML, μπορείς να προετοιμαστείς για το XHTML.

Πώς να προετοιμαστείς για το XHTML

Το XHTML και το HTML 4.01 δεν έχουν πολλά διαφορές.

Άρα η αναβάθμιση του κώδικα σου σε 4.01 είναι ένα καλό ξεκίνημα. Το πλήρεςΕγχειρίδιο HTML 4.01θα σε βοηθήσει να το κάνεις αυτό.

Επιπλέον, πρέπει να γράφεις άμεσα κώδικα HTML με πεζά γράμματα, και να μην συνηθίζεις να αγνοείς ετικέτες όπως </p>.

Καλή επιτυχία στην κώδικα!

Η κύρια διαφορά:

  • Τα στοιχεία XHTML πρέπει να είναι σωστά ενσωματωμένα.
  • Τα στοιχεία XHTML πρέπει να κλείνονται.
  • Τα ονόματα ετικετών πρέπει να είναι σε πεζά γράμματα.
  • Το έγγραφο XHTML πρέπει να έχει ρίζα στοιχείο.

Τα στοιχεία πρέπει να είναι σωστά ενσωματωμένα

Στο HTML, κάποιες ετικέτες μπορούν να είναι λάθος ενσωματωμένες, όπως αυτό:

<b><i>Αυτό το κείμενο είναι έντονο και ιταλικό</b></i>

Στο XHTML, όλα τα στοιχεία πρέπει να είναι σωστά ενσωματωμένα ένα με το άλλο, όπως αυτό:

<b><i>Αυτό το κείμενο είναι έντονο και ιταλικό</i></b>

Συμβουλή:Μια συχνή λάθη στην εσωτερική λίστα, είναι να ξεχάσεις ότι η εσωτερική λίστα πρέπει να βρίσκεται μέσα στο στοιχείο li, όπως παρακάτω:

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

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  <li>Milk</li>
</ul>

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

<ul>
  <li>Coffee</li>
  <li>Tea
    <ul>
      <li>Black tea</li>
      <li>Green tea</li>
    </ul>
  </li>
  <li>Milk</li>
</ul>

Σημείωση: Σε παραδείγματα σωστής κώδικα, έχουμε εισάγει μια ετικέτα </li> μετά από </ul>.

Τα στοιχεία XHTML πρέπει να κλείνονται

Οι μη κενές ετικέτες πρέπει να χρησιμοποιούνται με τελική ετικέτα.

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

<p>Αυτό είναι ένα παραράγαμα
<p>Αυτό είναι ένας άλλος παράγραφος

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

<p>Αυτό είναι ένα παραράγαμα</p>
<p>Αυτό είναι ένας άλλος παράγραφος</p>

Οι κενές ετικέτες πρέπει επίσης να κλείνονται

Οι κενές ετικέτες πρέπει επίσης να χρησιμοποιούνται με τελική ετικέτα, ή η αρχική τους ετικέτα πρέπει να χρησιμοποιείται/>Τέλος.

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

Αλλαγή γραμμής: <br
Επίπεδη γραμμή: <hr>
Εικόνα: <img src="happy.gif" alt="Καυτή όψη">

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

Αλλαγή γραμμής: <br />
Επίπεδη γραμμή: <hr />
Εικόνα: <img src="happy.gif" alt="Καυτή όψη"> />

Τα στοιχεία XHTML πρέπει να είναι σε πεζά γράμματα

Η προδιαγραφή XHTML ορίζει: τα ονόματα ετικετών και τα ζευγάρια χαρακτηριστικών είναι ευαίσθητα στη γραμματοσειρά.

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

<BODY>
<P>Αυτό είναι ένα παραράγαμα</P>
</BODY>

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

<body>
<p>Αυτό είναι ένα παραράγαμα</p>
</body>

Το έγγραφο XHTML πρέπει να έχει ένα ρίζα στοιχείο

Όλα τα στοιχεία του XHTML πρέπει να περιλαμβάνονται εντός του ρίζα στοιχείου <html>. Όλα τα άλλα στοιχεία μπορούν να έχουν υποστοιχεία. Τα υποστοιχεία πρέπει να είναι ζευγάρια και να περιλαμβάνονται μέσα στο γονικό στοιχείο. Η βασική δομή του έγγραφου είναι η εξής:

<html>
<head> ... </head>
<body> ... </body>
</html>