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

• 03 Μαΐου 2012
• by: Georgios
• in: Web Development

Το διαδίκτυο έχει αλλάξει πολύ από τότε που 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>