Νέα στοιχεία του HTML5

Νέα στοιχεία του HTML5

Ακολουθούν τα νέα στοιχεία του HTML5 και οι περιγραφές τους.

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

Τα νέα στοιχεία του HTML5 μπορούν να κατασκευάσουν καλύτερη δομή έγγραφου:

Ετικέτα Περιγραφή
<article> Ορισμός άρθρου εντός έγγραφου.
<aside> Ορισμός περιεχομένου εκτός σελίδας.
<bdi> Ορισμός κατεύθυνσης γραμμής κειμένου που διαφέρει από άλλο κείμενο.
<details> Ορισμός επιπλέον λεπτομερειών που μπορεί να δει ή να κρύψει ο χρήστης.
<dialog> Ορισμός διαλόγου ή παραθύρου.
<figcaption> Ορισμός τίτλου στο στοιχείο <figure>.
<figure> Ορισμός αυτοσufficient περιεχομένου, όπως εικονίδια, γραφήματα, φωτογραφίες, λίστας κώδικα κ.λπ.
<footer> Ορισμός πίσω από έγγραφο ή ενότητα.
<header> Ορισμός κεφαλίδας σε έγγραφο ή ενότητα.
<main> Ορισμός κύριου περιεχομένου του έγγραφου.
<mark> Ορισμός σημαντικού ή έντονου περιεχομένου.
<menuitem> Ορισμός εντολών/επιλογών μενού που μπορούν να καλείται από το χρήστη από το μενού αναδυόμενης επιλογής.
<meter> Ορισμός κλιμακίου (διαστήματος) μετρήσεων.
<nav> Ορισμός συνδέσμων πλοήγησης εντός έγγραφου.
<progress> Ορισμός προόδου εργασίας.
<rp> Ορισμός τιμής που θα εμφανιστεί σε προγράμματα περιήγησης που δεν υποστηρίζουν σχόλια ruby.
<rt> Ορισμός ερμηνείας/φωνητικής προφοράς χαρακτήρων (για ανατολικές γραμμές χαρακτήρων).
<ruby> Ορισμός σχολίων ruby (για ανατολικές γραμμές χαρακτήρων).
<section> Ορισμός ενότητας στο έγγραφο.
<summary> Ορισμός ορατού τίτλου για το στοιχείο <details>.
<time> Ορισμός ημερομηνίας/χρόνου.
<wbr> Ορισμός πιθανών διάνυσης γραμμάτων (line-break).

Διαβάστε περισσότερα για Σημασιολογικά στοιχεία του HTML5του περιεχομένου.

Νέα στοιχεία φόρμας

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

Διαβάστε περισσότερα για HTML Form Elementsνέοι και παλαιοί στοιχεία του HTML5.

νέες τύποι εισαγωγής

νέες τύποι εισαγωγής νέες ιδιότητες εισαγωγής
  • χρώμα
  • ημερομηνία
  • datetime
  • datetime-local
  • email
  • μήνας
  • number
  • range
  • search
  • τηλέφωνο
  • χρόνος
  • url
  • εβδομάδα
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • ύψος και πλάτος
  • λίστα
  • min και max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

Μάθετε Τύποι εισόδου HTMLπάνω από όλες τις νέες και παλιές τύπους εισόδου.

Μάθετε HTML Input Attributesπάνω από όλες τις ιδιότητες εισόδου.

HTML5 - Νέα γραμματική ιδιότητας

Το HTML5 επιτρέπει τέσσερις διαφορετικές γραμματικές ιδιοτήτων.

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

Ετικέτα Περιγραφή
Κενό <input type="text" value="Bill Gates"> disabled>
Χωρίς στίγματα <input type="text"> value=Bill>
Με διπλά στίγματα <input type="text"> value="Bill Gates">
Με μονά στίγματα <input type="text"> value='Bill Gates'>

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

Εικόνα HTML5

Ετικέτα Περιγραφή
<canvas> Ορίζει τη σχεδίαση εικόνας που χρησιμοποιείται με το JavaScript.
<svg> Ορίζει τη σχεδίαση εικόνας που χρησιμοποιείται με το SVG.

Διαβάστε περισσότερα για HTML5 Canvas του περιεχομένου.

Διαβάστε περισσότερα για HTML5 SVG του περιεχομένου.

Νέος στοιχείο μέσων

Ετικέτα Περιγραφή
<audio> Ορίζει το περιεχόμενο ήχου ή μουσικής.
<embed> Ορίζει το κουτί περιεχομένου της εξωτερικής εφαρμογής (π.χ. πρόσθετο).
<source> Ορίζει τις πηγές του <video> και του <audio>.
<track> Ορίζει τις διαδρομές του <video> και του <audio>.
<video> Ορίζει το περιεχόμενο βίντεο ή ταινίας.

Διαβάστε περισσότερα για Βίντεο HTML5του περιεχομένου.

Διαβάστε περισσότερα για Ακουστικό HTML5του περιεχομένου.