Τι είναι το HTML5, και πώς αλλάζει τον τρόπο που βλέπω; [Επεξηγήσεις MakeUseOf]

Διαφήμιση

Τα τελευταία χρόνια, ίσως έχετε ακούσει τον όρο HTML5 κάθε φορά. Είτε γνωρίζετε κάτι για την ανάπτυξη ιστού είτε όχι, η ιδέα μπορεί να είναι κάπως θορυβώδης και συγκεχυμένη. Προφανώς, είναι το επόμενο βήμα στη γραμμή HTML, αλλά τι ακριβώς κάνει; Γιατί υπάρχει τόση ενθουσιασμό γύρω από αυτό; Και γιατί έχει σημασία για σένα;

HTML, ή HyperText Markup Language, είναι το πιο σημαντικό στοιχείο του World Wide Web. Είναι η γλώσσα που χρησιμοποιείται για να περιγράψει την εμφάνιση μιας ιστοσελίδας. Ωστόσο, το HTML από μόνο του είναι αρκετά βαρετό, επειδή μπορεί να προσφέρει μόνο στατικές σελίδες. για να ικανοποιήσει την αυξανόμενη ζήτηση για πιο εντυπωσιακά χαρακτηριστικά του ιστού, η HTML συνδυάστηκε με plugins όπως CSS, Flash, Java, Silverlight κ.λπ.

Έχει γίνει κάτι φουσκωμένο χάος και διαφορετικά προγράμματα περιήγησης εφαρμόζουν αυτά τα χαρακτηριστικά με τους δικούς τους τρόπους. Το HTML5 προορίζεται για την επίλυση των μεγάλων προβλημάτων της HTML για έναν πιο καθαρό και αποδοτικό ιστό.

HTML: Επισκόπηση

Το HTML, όπως το γνωρίζουμε σήμερα, ονομάζεται HTML4 και δημοσιεύθηκε για πρώτη φορά το 1997. Ναι, αυτό σημαίνει ότι έχουμε τρέξει σε HTML4 για πάνω από 15 χρόνια τώρα που είναι μια αιωνιότητα στον τεχνολογικό χρόνο. Περίπου το 2000, μια παράλληλη γλώσσα σήμανσης που ονομάζεται XHTML άρχισε να αναπτύσσεται και αυτό έχει χρησιμοποιηθεί και με τα χρόνια, κυρίως λόγω των αυστηρότερων προτύπων που επιβάλλει. Σε γενικές γραμμές, όμως, τα δύο είναι αρκετά παρόμοια.

Το πρόβλημα με το HTML4 είναι η περιορισμένη λειτουργικότητα του. Πρέπει να επεκταθεί μέσω plugins, όπως το Flash, για να προσφέρει περισσότερα από απλά κείμενα και εικόνες. Πολλές συσκευές αναπαραγωγής βίντεο, για παράδειγμα, δημιουργήθηκαν και διατηρήθηκαν στην πλατφόρμα Flash και ενσωματώθηκαν σε σελίδες HTML. Πολλές εφαρμογές ιστού αναπτύχθηκαν χρησιμοποιώντας Java και ενσωματώθηκαν επίσης.

Με όλα αυτά τα πρόσθετα, καθίσταται δύσκολο να διατηρηθούν τα κατάλληλα πρότυπα. Στην ιδανική περίπτωση, κάθε πρόγραμμα περιήγησης πρέπει να προβάλλει κάθε σελίδα στον ιστό με τον ίδιο τρόπο, προκειμένου να προσφέρει την ίδια εμπειρία σε κάθε χρήστη. Για να εμφανιστούν τα ίδια αποτελέσματα σε πολλαπλά προγράμματα περιήγησης, οι προγραμματιστές ιστού πρέπει συνήθως να εφαρμόσουν γρήγορες επιδιορθώσεις και αμυχές σε διάφορα τμήματα του ιστότοπού τους για να εξυπηρετήσουν διαφορετικές διαδικασίες απόδοσης. Αυτό γίνεται δυσκίνητο μετά από λίγο.

Σε μια πιο πρακτική σημείωση, ιστοσελίδες που απαιτούν plugins όπως Flash και Java καταλήγουν να χρησιμοποιούν πολύ περισσότερη CPU και RAM. Αναρωτηθήκατε ποτέ γιατί το πρόγραμμα περιήγησής σας χρησιμοποιεί τόσο μεγάλο μέρος των πόρων του υπολογιστή σας; Πολλά από αυτά μπορούν να αποδοθούν σε αυτές τις επεκτάσεις HTML. Αυτός είναι ένας λόγος για τον οποίο η Apple απενεργοποίησε την υποστήριξη Flash στις κινητές συσκευές της (για να εξοικονομήσει χρόνο ζωής της μπαταρίας).

Τι ακριβώς είναι HTML5;

Το HTML4 λειτούργησε καλά, αλλά προφανώς έχει αρκετές ατέλειες. Η ομάδα πίσω από το HTML5 έχει ένα συγκεκριμένο σχέδιο υψηλού επιπέδου για το επόμενο βήμα της HTML, που σημαίνει ότι το HTML5 πρέπει να βασίζεται στις ακόλουθες αρχές:

• Λιγότερη εξάρτηση από τα plugins για λειτουργικότητα.
• Η δέσμη ενεργειών θα πρέπει να αντικαθίσταται με σήμανση όποτε είναι δυνατόν.
• Η ανεξαρτησία της συσκευής (δηλαδή, είναι διαθέσιμη σε όλες τις συσκευές και παρέχει την ίδια εμπειρία).
• Δημόσια διαδικασία ανάπτυξης, ώστε οι άνθρωποι να μπορούν να δουν τι συμβαίνει.

Πιο συγκεκριμένα, το HTML5 προσθέτει μια ολόκληρη δέσμη νέων ετικετών σήμανσης Top 11 HTML tags Κάθε Blogger & Website Owner πρέπει να ξέρει Top 11 HTML tags Κάθε Blogger & Ιδιοκτήτης Ιστοσελίδας πρέπει να ξέρει Ο παγκόσμιος ιστός ξέρει πολλές γλώσσες και έχει κωδικοποιηθεί σε διάφορες διαφορετικές. Η μία γλώσσα, όμως, που μπορεί να βρεθεί παντού και είναι γύρω από την εφεύρεση των ιστοσελίδων, είναι η ... Διαβάστε περισσότερα:

• και ετικέτες που θα σας βοηθήσουν να απομονώσετε τις κορυφές και τα βάθη των μπλοκ περιεχομένου. Μπορεί να χρησιμοποιηθεί περισσότερες από μία φορές σε μία σελίδα.
• ετικέτα που προσδιορίζει ένα συγκεκριμένο, μοναδικό κομμάτι περιεχομένου, π.χ. μια δημοσίευση στο blog ή ένα σχόλιο χρήστη.
• ετικέτα για να καθορίσετε ποια τμήματα θα πρέπει να θεωρούνται μπλοκ πλοήγησης.
• ετικέτα που σας επιτρέπει να ορίσετε μια γενική ενότητα περιεχομένου. παρόμοια με την υπάρχουσα ετικέτα.
• και ετικέτες για να επισημανθεί η συμπερίληψη περιεχομένου ήχου ή βίντεο.
• ετικέτα που σας επιτρέπει να σχεδιάζετε γραφικά χρησιμοποιώντας μια ξεχωριστή γλώσσα προγραμματισμού.
• ετικέτα για την ενσωμάτωση εξωτερικού περιεχομένου ή εφαρμογών στη σελίδα.

Το HTML5 καταργεί επίσης ορισμένες ετικέτες: , , , , , , και μια χούφτα άλλων.

Η πλήρης προδιαγραφή προτύπων για HTML5 προγραμματίζεται να ολοκληρωθεί μέχρι το 2014, αλλά το HTML5 έχει ήδη σημειώσει μεγάλη πρόοδο και μπορεί να χρησιμοποιηθεί για την υλοποίηση λειτουργιών του ιστότοπου ακόμα και σήμερα. Η πλήρης προδιαγραφή προδιαγραφών για HTML5.1 σχεδιάζεται να ολοκληρωθεί μέχρι το 2016.

Γιατί το HTML5 έχει σημασία για εσάς

Ως χρήστης του ιστού, θα επωφεληθείτε από το HTML5 επειδή διορθώνει τα πιο εμφανή προβλήματα στο HTML4. Οι ιστότοποι θα έχουν καλύτερα πρότυπα ιστού, γεγονός που θα έχει ως αποτέλεσμα πιο αποτελεσματικό περιεχόμενο και βελτιωμένη απόδοση. Δεδομένου ότι το HTML5 υιοθετείται σε όλους τους τομείς, οι ιστοσελίδες θα πρέπει να αρχίσουν να φορτώνουν ταχύτερα, λιγότερο εύρος ζώνης θα πρέπει να χρησιμοποιείται, και η διάρκεια ζωής της μπαταρίας σε κινητές συσκευές 7 τρόποι για να αυξήσετε τη διάρκεια ζωής της μπαταρίας του τηλεφώνου σας [iPhone, Android, άλλα smartphones] 7 τρόποι για να ενισχύσετε Η διάρκεια ζωής της μπαταρίας του κινητού τηλεφώνου [iPhone, Android, Άλλα Smartphones] Μία από τις πιο απογοητευτικές δυνατότητες σχεδόν σε κάθε smartphone αυτές τις μέρες είναι η διάρκεια ζωής της μπαταρίας, η οποία για τους περισσότερους από εμάς απαιτεί τουλάχιστον μία χρέωση ανά 24ωρο. Είστε ... Διαβάστε περισσότερα θα έπρεπε να διαρκέσει περισσότερο.

Επιπλέον, δεν θα χρειαστεί να ενημερώσετε τόσα πολλά πρόσθετα όπως το Flash και το Java. Το μισώ όταν πρέπει συνεχώς να ενημερώνομαι τόσα πολλά addons και plugins σε πολλαπλά προγράμματα περιήγησης. Και τι συμβαίνει όταν μία από αυτές είναι η λανθασμένη έκδοση; Οι χώροι σταματούν να λειτουργούν και η απογοήτευση ακολουθεί. Όλα αυτά πρέπει να αντιμετωπιστούν όταν το HTML5 γίνει το κύριο πρότυπο.

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

Και αν είστε web developer, το HTML5 θα κάνει τα πάντα απλούστερα και ευκολότερα για εσάς. Εάν όλα πάνε καλά, δεν θα χρειαστεί να ασχοληθείτε με τις περιπτώσεις αιχμής στο web design αφού όλα τα προγράμματα περιήγησης θα πρέπει να συμμορφώνονται με τα ίδια πρότυπα.

συμπέρασμα

Το HTML5 είναι το μέλλον της περιήγησης στο διαδίκτυο και σίγουρα θα φέρει επανάσταση στον τρόπο πλοήγησης στο Διαδίκτυο. Ακόμα και κάτω από την περιορισμένη φύση του HTML4, οι προγραμματιστές έχουν δημιουργήσει κάποιες ιστοσελίδες που προκαλούν ανησυχία, οπότε θα είναι ενδιαφέρον να δούμε τι είδους τακτοποιημένες εξελίξεις θα κάνουν με τη λειτουργικότητα του HTML5.

Ας ελπίσουμε ότι τώρα μπορείτε να δείτε το HTML5 σε ένα σαφέστερο φως και να δείτε γιατί έχει προωθηθεί μέχρι όσο έχει. Μπορείτε να προχωρήσετε περαιτέρω την εκμάθησή σας σε αυτές τις δέκα ιστοσελίδες επίσης που σας δείχνουν τι HTML5 είναι όλα σχετικά με 10 ιστοσελίδες για να δείτε τι HTML5 είναι όλοι περίπου 10 ιστοσελίδες για να δείτε τι HTML5 είναι όλα σχετικά με περισσότερα. Θα πρέπει επίσης να ελέγξετε το σεμινάριο HTML5 για να μάθετε περισσότερα. Εάν έχετε οποιεσδήποτε ερωτήσεις, παρακαλώ ρωτήστε στα σχόλια και θα κάνω το παν για να σας απαντήσω.

Εικόνες Credits: HTML5 μέσω Shutterstock, HTML κώδικα μέσω Shutterstock, HTML5 Tag Cloud μέσω Shutterstock, Guy σε φορητό υπολογιστή μέσω Shutterstock