Το HTML 5 είναι μια νέα έκδοση HTML
Το HTML 5 προσθέτει πολλές νέες δυνατότητες στις προδιαγραφές HTML. Και αυτό που είναι ακόμα καλύτερο, υπάρχει ήδη κάποια περιορισμένη υποστήριξη προγράμματος περιήγησης για αυτά τα νέα χαρακτηριστικά. Αν υπάρχει ένα χαρακτηριστικό που σας ενδιαφέρει, παρακολουθήστε τη σελίδα υλοποιήσεων WHATWG Wiki για πληροφορίες σχετικά με προγράμματα περιήγησης που υποστηρίζουν διάφορα μέρη της προδιαγραφής.
HTML 5 Νέο Doctype και Charset
Το ωραίο πράγμα για το HTML 5 είναι πόσο εύκολο είναι να το κάνετε. Χρησιμοποιείτε το HTML 5 doctype, το οποίο είναι πολύ απλό και εξορθολογισμένο:
Ναι αυτό είναι. Μόλις δύο λέξεις "doctype" και "html". Μπορεί να είναι αυτό απλό επειδή το HTML 5 δεν είναι πλέον μέρος του SGML , αλλά είναι μια γλώσσα σήμανσης μόνο από μόνη της.
Το σύνολο χαρακτήρων για το HTML 5 είναι επίσης βελτιωμένο. Χρησιμοποιεί το UTF-8 και τον ορίζετε με μία μόνο μετα-ετικέτα:
HTML 5 Νέα δομή
Το HTML 5 αναγνωρίζει ότι οι ιστοσελίδες έχουν δομή, ακριβώς όπως τα βιβλία έχουν δομή ή άλλα έγγραφα XML . Σε γενικές γραμμές, οι ιστοσελίδες έχουν πλοήγηση, περιεχόμενο σώματος και περιεχόμενο της πλευρικής γραμμής καθώς και κεφαλίδες, υποσέλιδα και άλλα χαρακτηριστικά. Και το HTML 5 έχει δημιουργήσει ετικέτες για την υποστήριξη αυτών των στοιχείων της σελίδας.
- - να ορίσετε τμήματα σελίδων
- - ορίζει την κεφαλίδα μιας σελίδας
- - ορίζει το υποσέλιδο μιας σελίδας
- - ορίζει την πλοήγηση σε μια σελίδα
- - ορίζει το άρθρο ή το κύριο περιεχόμενο σε μια σελίδα
- - ορίζει επιπλέον περιεχόμενο όπως μια πλαϊνή μπάρα σε μια σελίδα
- - ορίζει τις εικόνες που σχολιάζουν ένα άρθρο
HTML 5 νέα στοιχεία Inline
Αυτά τα ενσωματωμένα στοιχεία ορίζουν μερικές βασικές έννοιες και τους κρατούν σημασιολογικά σημαδευμένους, κυρίως ως προς το χρόνο:
- - για να δηλώσετε περιεχόμενο που έχει επισημανθεί με κάποιο τρόπο
- - για να δηλώσετε περιεχόμενο που είναι ώρα ή ημερομηνία
- - για να δηλώσετε περιεχόμενο που είναι ένα κλάσμα γνωστής εμβέλειας - όπως η χρήση του δίσκου
- - να υποδείξει την πρόοδο ενός έργου προς ολοκλήρωση
HTML 5 Υποστήριξη νέων δυναμικών σελίδων
Το HTML 5 αναπτύχθηκε για να βοηθήσει τους προγραμματιστές εφαρμογών Ιστού, έτσι υπάρχουν πολλά νέα χαρακτηριστικά για να είναι εύκολο να δημιουργήσετε δυναμικές σελίδες HTML:
- Μενού περιβάλλοντος - Το HTML 5 θα υποστηρίξει τη δημιουργία και χρήση μενού περιβάλλοντος μέσα σε ιστοσελίδες και εφαρμογές
- Το href δεν απαιτείται σε μια ετικέτα - αυτό σας επιτρέπει να χρησιμοποιήσετε μια ετικέτα με δέσμες ενεργειών και σε εφαρμογές Web χωρίς να χρειάζεστε ένα μέρος για να αποστείλετε την άγκυρα
- async attribute - Προστίθεται στην ετικέτα δέσμης ενεργειών για να πει στο πρόγραμμα περιήγησης ότι το σενάριο πρέπει να φορτωθεί ασύγχρονα έτσι ώστε να μην επιβραδύνει το φορτίο και την εμφάνιση της υπόλοιπης σελίδας.
- - παρέχει λεπτομέρειες για ένα στοιχείο. Αυτό θα ήταν σαν να υπάρχουν εργαλεία σε εφαρμογές που δεν είναι Web.
- - δημιουργεί έναν πίνακα που είναι κατασκευασμένος από μια βάση δεδομένων ή άλλη δυναμική πηγή
- - μια παλιά ετικέτα έφερε πίσω και έδωσε νέα ζωή που σας επιτρέπει να δημιουργήσετε ένα σύστημα μενού στις ιστοσελίδες σας
- - ορίζει τις ενέργειες που πρέπει να συμβαίνουν όταν ενεργοποιείται ένα δυναμικό στοιχείο
HTML 5 Νέοι τύποι μορφών
Το HTML 5 υποστηρίζει όλους τους τυποποιημένους τύπους εισόδου φόρμας, αλλά προσθέτει μερικά ακόμα:
- ημερομηνία ώρα
- datetime-τοπική
- ημερομηνία
- μήνας
- εβδομάδα
- χρόνος
- αριθμός
- εύρος
- ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ
- url
HTML 5 Νέα στοιχεία
Υπάρχουν μερικά συναρπαστικά νέα στοιχεία στο HTML 5:
- - ένα στοιχείο που σας δίνει ένα χώρο σχεδίασης στο JavaScript στις ιστοσελίδες σας. Μπορεί να σας επιτρέψει να προσθέσετε εικόνες ή γραφήματα στις συμβουλές εργαλείων ή απλώς να δημιουργήσετε διανυσματικά γραφήματα στις ιστοσελίδες σας, που είναι χτισμένα σε κίνηση.
- - προσθέστε βίντεο στις ιστοσελίδες σας με αυτή την απλή ετικέτα.
- - προσθέστε ήχο στις ιστοσελίδες σας με αυτή την απλή ετικέτα.
Το HTML 5 καταργεί ορισμένα στοιχεία
Υπάρχουν επίσης κάποια στοιχεία στην HTML 4 που δεν θα υποστηρίζονται πλέον από το HTML 5. Τα περισσότερα έχουν ήδη ξεπερασθεί και έτσι δεν πρέπει να εκπλήσσει, αλλά μερικά μπορεί να είναι δύσκολα:
- αρκτικόλεξο
- applet
- basefont
- μεγάλο
- κέντρο
- Διεύθυνση
- γραμματοσειρά
- πλαίσιο
- frameset
- isindex
- noframes
- noscript
- μικρό
- απεργία
- tt
- u
Είστε έτοιμοι για HTML 5;
Το HTML 5 προσθέτει πολλά μεγάλα νέα χαρακτηριστικά σε ιστοσελίδες και σχεδιασμό ιστοσελίδων και θα είναι συναρπαστικό όταν το υποστηρίζουν περισσότερα προγράμματα περιήγησης. Η Microsoft έχει δηλώσει ότι θα αρχίσει να υποστηρίζει τουλάχιστον τμήματα του HTML 5 στο IE 8. Αν θέλετε να ξεκινήσετε νωρίτερα, η Opera είχε την καλύτερη υποστήριξη, με το Safari να βρίσκεται κοντά.