HTML5 Νέα Στοιχεία

Το διαδίκτυο έχει αλλάξει πολύ από τότε που HTML 4,01 έγινε πρότυπο το 1999. Σήμερα, ορισμένα στοιχεία στην HTML 4.01 είναι άνευ αντικειμένου,άλλα δεν έχουν χρησιμοποιηθεί ποτέ, ή δεν χρησιμοποιούνται με τον τρόπο που προορίζοταν. Τα στοιχεία αυτά έχουν αφαιρεθεί ή ξαναγραφτεί στην HTML5. Για την καλύτερη χρήση του διαδικτύου σήμερα, η HTML5 περιλαμβάνει νέα στοιχεία για καλύτερη δομή, διαχείριση φόρμας, σχέδιο, και για το περιεχόμενο μέσων ενημέρωσης.

Νέα Σημασιολογια / Δομικά Στοιχεία

Η HTML5 προσφέρει τα εξής νέα στοιχεία για καλύτερη δομή:

Tag Περιγραφή Ετικέτας
<article> Καθορίζει ένα άρθρο
<aside> Καθορίζει περιεχόμενο πέρα από το περιεχόμενο της σελίδας
<bdi> απομονώνει ένα μέρος του κειμένου που μπορεί να μορφοποιηθεί σε διαφορετική κατεύθυνση από άλλο κείμενο εκτός αυτού
<command> Καθορίζει ένα κουμπί εντολών που ο χρήστης μπορεί να επικαλεστεί
<details> Καθορίζει πρόσθετα στοιχεία που ο χρήστης μπορεί να δει ή να αποκρύψει
<summary> Ορίζει ένα ορατό τίτλο για ένα στοιχείο <details>
<figure> Καθορίζει αυτόνομο περιεχόμενο, όπως εικόνες, διαγράμματα, φωτογραφίες, λίστες κώδικα, κλπ.
<figcaption> Ορίζει μια λεζάντα (caption) για ένα στοιχείο <figure>
<footer> Ορίζει ένα υποσέλιδο (footer) για ένα έγγραφο ή τμήμα του
<header> Ορίζει μια κεφαλίδα (header) για ένα έγγραφο ή τμήμα του
<hgroup> Γκρουπάρει set <h1> εώς <h6> όταν ένας τομέας (heading) έχει πολλαπλά επίπεδα
<mark> Καθορίζει υπογραμμισμένο / επιλεγμένο κείμενο
<meter> Καθορίζει μια κλιμακωτή μέτρηση εντός γνωστού εύρους
<nav> Καθορίζει συνδέσμους πλοήγησης
<progress> Αντιπροσωπεύει την πρόοδο μιας εργασίας
<ruby> Ορίζει ένα ruby σχολιασμού (για την τυπογραφία της Ανατολικής Ασίας)
<rt> Ορίζει μια εξήγηση / προφορά των χαρακτήρων (για την τυπογραφία της Ανατολικής Ασίας)
<rp> Ορίζει τι να δείξει στους φυλλομετρητές που δεν υποστηρίζουν ruby annotations
<section> Ορίζει ένα τμήμα σε ένα έγγραφο
<time> Ορίζει μια ημερομηνία / ώρα
<wbr> Καθορίζει πιθανή αλλαγής γραμμής (line-break)

 


Νέα Στοιχεία

Η HTML5 προσφέρει νέα στοιχεία για το περιεχόμενο των μέσων ενημέρωσης:

Tag Περιγραφή Ετικέτας
<audio> Καθορίζει περιεχόμενο ήχου
<video> Ορίζει ένα βίντεο ή ταινία
<source> Καθορίζει πολλαπλές πηγές (sources) για <video> και <audio>
<embed> Ορίζει ένα δοχείο (container) για μια εξωτερική εφαρμογή ή διαδραστικό περιεχόμενο (ένα plug-in)
<track> Καθορίζει <track> κομμάτια κειμένου για <video> και <audio>

 


Το Στοιχείο <canvas>

Tag Περιγραφή Ετικέτας
<canvas> χρησιμοποιούνται για την κατάρτιση γραφικών, on the fly, μέσω σεναρίων (συνήθως JavaScript)

 


Νέα Στοιχεία Φόρμας

Η HTML5 προσφέρει νέα στοιχεία φόρμας, για περισσότερες λειτουργίες:

Tag Περιγραφή Ετικέτας
<datalist> Ορίζει μια λίστα με προκαθορισμένες επιλογές για τους ελέγχους εισόδου
<keygen> Ορίζει ένα ζευγάρι κλειδί-πεδίο (generator) για φόρμες
<output> προσδιορίζει το αποτέλεσμα του υπολογισμού

 


Τα ακόλουθα στοιχεία της HTML 4,01 έχουν αφαιρεθεί από την HTML5:

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