Εισαγωγή στο 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, όπως η τοπική αποθήκευση αντί για cookie.

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

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

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