Εισαγωγή στο 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, ταμπλέτα, κινητό, τηλεοπτικό τηλεvisor κ.λπ.).

Σημείωση:Στα παρακάτω κεφάλαια, θα μάθετε πώς να " βοηθήσετε " τους παλιούς περιηγητές να χειριστούν το 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>:

Τύπος Παράδειγμα
Empty <input type="text" value="Bill Gates" disabled>
Unquoted <input type="text" value=Bill Gates>
Double-quoted <input type="text" value="Bill Gates">
Single-quoted <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>