Εισαγωγή στο HTML5

Παράδειγμα HTML5 σε κάθε κεφάλαιο

Παράδειγμα

<!DOCTYPE html>
<html>
<body>
<video width="420" controls>
  <source src="mov_bbb.mp4" type="video/mp4">
  <source src="mov_bbb.ogg" type="video/ogg">
 Ο περιηγητής σας δεν υποστηρίζει το στοιχείο βίντεο.
</video>
</body>
</html>

Δοκιμάστε το προσωπικά

Κάντε κλικ στο "Δοκιμάστε το προσωπικά" για να δείτε πώς λειτουργεί αυτό το παράδειγμα.

Τι είναι το HTML5;

Το HTML5 είναι η πιο πρόσφατη κείμενη πρότυπο HTML.

Το HTML5 σχεδιάστηκε ειδικά για τη μεταφορά πλούσιου web περιεχομένου χωρίς την ανάγκη για πρόσθετα πρόγραμμα.

Το HTML5 έχει νέες σημασιολογικές, γραφικές και πολυμέσων στοιχεία.

Οι νέες στοιχεία και οι νέες API που παρέχει το HTML5 απλοποιούν τη δημιουργία web εφαρμογών.

Το HTML5 είναι πλατφόρμα ανεξάρτητη και σχεδιάστηκε για να εκτελείται σε διάφορες τύπου υλικού (PC, ταμπλέτα, κινητό, τηλεοπτικός οθόνη κ.λπ.).

Σημείωση:Στα παρακάτω κεφάλαια, θα μάθετε πώς να "βοηθήσετε" τους παλιούς περιηγητές να χειριστούν το HTML5.

Τι νέα περιεχόμενο περιλαμβάνει το HTML5;

Η νέα δήλωση τύπου εγγράφου (DOCTYPE) του HTML5 είναι επίσης πολύ απλή:

<!DOCTYPE html>
Η νέα δήλωση κωδικοποίησης χαρακτήρων (charset) είναι επίσης πολύ απλή:
<meta charset="UTF-8">

Παράδειγμα HTML5:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Τίτλος του εγγράφου</title>
</head>
<body>
Περιεχόμενο του εγγράφου......
</body>
</html>

Σημείωση:Η προεπιλεγμένη κωδικοποίηση χαρακτήρων του HTML5 είναι η UTF-8.

Νέες γραμματικές δομές του HTML5

Η κείμενη βασική γλώσσα του HTML5 επιτρέπει τέσσερις διαφορετικές γραμματικές δομές.

Αυτό το παράδειγμα δείχνει τις διαφορετικές γραμματικές της χρήσης του ετικέτας <input>:

Τύπος Παράδειγμα
Κενό <input type="text" value="Bill Gates" disabled>
Απαραίτητη παράθεση <input type="text" value=Bill Gates>
Παράθεση με διπλό εισαγωγικό <input type="text" value="Bill Gates">
Παράθεση με μοναδικό εισαγωγικό <input type="text" value='Bill Gates'>

Στο πρότυπο HTML5, ανάλογα με τις ανάγκες των χαρακτηριστικών, μπορεί να χρησιμοποιηθούν όλα τα 4 γλωσσικά συστήματα.

Νέα χαρακτηριστικά του HTML5

Επιλεγμένα νέα χαρακτηριστικά του HTML5:

  • Νέες στοιχεία σημασίας, όπως <header>, <footer>, <article>, και <section>.
  • Νέες ελέγχου φόρμας, όπως αριθμοί, ημερομηνίες, ώρες, ημερολόγια και διαδραστικοί πλοηγοί.
  • Δυνατή υποστήριξη εικόνων (μέσω <canvas> και <svg>)
  • Δυνατή υποστήριξη πολυμέσων (μέσω <video> και <audio>)
  • Δυνατές νέες API, όπως η τοπική αποθήκευση που αντικαθιστά τα cookies.

Στοιχεία που αφαιρέθηκαν από το HTML5

Τα παρακάτω στοιχεία HTML 4.01 έχουν αφαιρεθεί από το HTML5:

  • <acronym>
  • <applet>
  • <basefont>
  • <big>
  • <center>
  • <dir>
  • <font>
  • <frame>
  • <frameset>
  • <noframes>
  • <strike>
  • <tt>