top 35 html5 interview questions
Οι πιο συχνές ερωτήσεις συνέντευξης HTML5 με απαντήσεις και παραδείγματα κώδικα:
Το HTML5 είναι η πιο πρόσφατη έκδοση της γλώσσας HTML, το HTML σημαίνει Hyper Text Markup Language, είναι μια καθολική γλώσσα World Wide Web Markup που επιτρέπει τη δημιουργία και το σχεδιασμό ιστοσελίδων για προβολή στο Διαδίκτυο.
Το HTML5 που δημοσιεύθηκε επίσημα το 2012 υποστηρίζει όλες τις υπάρχουσες ιστοσελίδες.
Αυτό το άρθρο θα καλύψει τις βασικές και προχωρημένες ερωτήσεις συνέντευξης σε HTML5 με τέλεια παραδείγματα για αρχάριους και έμπειρους επαγγελματίες επιπέδου.
Χαρακτηριστικά HTML5
Υπάρχουν πολλές αξιοσημείωτες δυνατότητες του HTML5 και λίγα από αυτά παρατίθενται παρακάτω για αναφορά.
Οι νέες δυνατότητες του HTML5 περιλαμβάνουν:
- Υποστήριξη στοιχείου μέσων όπως βίντεο και ήχου.
- Τοπική αποθήκευση
- Υποστήριξη ορισμένων νέων στοιχείων και προσαρμοσμένων χαρακτηριστικών.
- Νέα στοιχεία φόρμας όπως url, ημερομηνία, εύρος, ώρα, χρώμα κ.λπ.
Συνιστώμενη ανάγνωση => Κορυφαίες 30 ερωτήσεις συνέντευξης HTML
Οι πιο σημαντικές ερωτήσεις και απαντήσεις συνέντευξης HTML5
Παρακάτω αναφέρονται μερικές από τις πιο συχνές ερωτήσεις Ερωτήσεις HTML5 με παραδείγματα κωδικοποίησης για την εύκολη κατανόησή σας.
Ετοιμάσου!!
Q # 1) Τι είναι το HTML5;
Απάντηση: Το HTML5 είναι η τελευταία έκδοση της γλώσσας σήμανσης HyperText που μπορεί να αναφέρεται στην κύρια γλώσσα του WWW (World Wide Web), αυτή η γλώσσα σήμανσης βελτιώνει ένα αρχείο κειμένου με κομμάτια κώδικα και αυτός ο κωδικός που μπορούμε να πούμε ως 'σήμανση' περιγράφει το δομή του εγγράφου.
Το HTML5 παρέχει ορισμένες τυπικές δυνατότητες όπως CSS, HTML, JavaScript και DOM, οι οποίες με τη σειρά τους θα μειώσουν την απαίτηση εξωτερικών προσθηκών. Είναι περισσότερο σήμανση για την αντικατάσταση της δέσμης ενεργειών, τον καλύτερο χειρισμό σφαλμάτων κ.λπ.
Το HTML5 εισάγει μερικές νέες δυνατότητες που μπορούν να χρησιμοποιηθούν για να αλλάξουν τον τρόπο αλληλεπίδρασης του χρήστη με έγγραφα, όπως:
- Προσθήκη νέων κανόνων ανάλυσης για ενίσχυση της ευελιξίας.
- Προσθήκη νέων χαρακτηριστικών.
- Να επιτρέπεται η επεξεργασία εκτός σύνδεσης.
- Υποστήριξη (Web SQL), - Ένα κοινό πρότυπο για την αποθήκευση δεδομένων σε βάσεις δεδομένων SQL.
- Υποστήριξη πρωτοκόλλου και εγγραφής χειριστή MIME.
Q # 2) Ποια είναι η διαφορά μεταξύ HTML και HTML5;
Απάντηση: Η διαφορά μεταξύ HTML και HTML5 δίνεται παρακάτω:
HTML5 | HTML |
---|---|
Επιτρέπει το εφέ μεταφοράς και απόθεσης. | Δεν επιτρέπει τη μεταφορά και απόθεση εφέ. |
Το HTML5 διαθέτει υποστήριξη βίντεο και ήχου υψηλού επιπέδου. | Η υποστήριξη βίντεο και ήχου υψηλού επιπέδου δεν αποτελεί μέρος της έκδοσης και των προδιαγραφών του προηγούμενου HTML. |
Τα καμβά, SVG και άλλα εικονικά διανυσματικά γραφικά υποστηρίζονται σε HTML5. | Σε HTML, εάν θέλουμε να εφαρμόσουμε διανυσματικά γραφικά, αυτό ήταν δυνατό μόνο χρησιμοποιώντας βιβλιοθήκη τρίτων όπως VML, Silver-light κ.λπ. |
Τα SVG και MathML μπορούν να χρησιμοποιηθούν σε κείμενο. | Αυτό δεν είναι δυνατό σε HTML. |
Η βάση δεδομένων Web SQL, η προσωρινή μνήμη εφαρμογών και ο χώρος αποθήκευσης ιστού χρησιμοποιούνται ως μόνιμος χώρος αποθήκευσης. | Η προσωρινή μνήμη του προγράμματος περιήγησης μπορεί να χρησιμοποιηθεί ως προσωρινή αποθήκευση. |
Το HTML5 είναι πιο φιλικό προς κινητά. | Η HTML είναι λιγότερο φιλική προς κινητά. |
Η δήλωση Doctype είναι απλή και εύκολη. | Η δήλωση Doctype είναι μακρά και περίπλοκη .. |
Διατίθενται χαρακτηριστικά Async, charset και ping. | Αυτά τα χαρακτηριστικά δεν είναι διαθέσιμα σε HTML. |
HTML5 υποστηρίζει javascript για εκτέλεση στο παρασκήνιο. | Δεν υποστηρίζει javascript για εκτέλεση εντός του προγράμματος περιήγησης ιστού. |
Μπορούμε να σχεδιάσουμε σχήματα όπως ορθογώνιο, κύκλο και τρίγωνο σε HTML5. | Δεν είναι δυνατόν να σχεδιάσετε σχήματα όπως ορθογώνιο, κύκλο, τρίγωνο κ.λπ. |
Q # 3) Τι είναι; Ποιοι είναι οι διαφορετικοί τύποι που είναι διαθέσιμοι;
Απάντηση: Η δήλωση παρέχει οδηγίες στο πρόγραμμα περιήγησης ιστού για να κατανοήσει ποιες πληροφορίες πρέπει να εμφανίζεται και την ανάγκη να ξεκινήσει με τη δήλωση. Στο HTML5, η δήλωση DOCTYPE είναι πολύ σύντομη και δεν έχει διάκριση πεζών-κεφαλαίων και γράφεται στην κορυφή κάθε σελίδας HTML5.
Τα ακόλουθα DOCTYPE υποστηρίζονται επίσης σε HTML5:
Υπάρχουν 3 τύποι ΕΓΓΡΑΦΩΝ όπως αναφέρονται παρακάτω:
- Αυστηρός τύπος
- Frameset Doctype
- Μεταβατικός τύπος
Q # 4) Ποιες είναι οι νέες ετικέτες στα στοιχεία πολυμέσων σε HTML5;
Απάντηση: Οι νέες ετικέτες στο Media Elements σε HTML5 παρατίθενται παρακάτω :
- : Υποβάλετε αίτηση για περιεχόμενο πολυμέσων όπως ήχους, ροές ήχου ή μουσική, ενσωματώστε περιεχόμενο ήχου χωρίς την απαίτηση πρόσθετης προσθήκης, όπως flash player.
- : Υποβάλετε αίτηση για περιεχόμενο βίντεο όπως ροές βίντεο ή κλιπ ταινίας, ενσωματώστε περιεχόμενο βίντεο κ.λπ.
- : Αίτηση για πολλούς πόρους πολυμέσων σε στοιχεία πολυμέσων, όπως ήχος, βίντεο, εικόνα κ.λπ.
- : Αίτηση για εξωτερική εφαρμογή ή ενσωματωμένο περιεχόμενο (μια προσθήκη).
- : Αίτηση για κομμάτια κειμένου στα στοιχεία πολυμέσων, όπως βίντεο ή ήχος. Αυτή η ετικέτα χρησιμοποιείται για αρχεία υπότιτλων κατά την αναπαραγωγή του μέσου βίντεο.
Q # 5) Τι είναι μια ετικέτα σε HTML5;
Απάντηση: Μια ετικέτα είναι ένα ειδικό περιεχόμενο σε HTML5, το οποίο περιβάλλεται από μια γωνία αγκύλης (). Ένα σύμβολο κάθετος (/) χρησιμοποιείται για το κλείσιμο της ετικέτας μετά την ολοκλήρωση του μπλοκ.
Για παράδειγμα
This is my Browser
Η ετικέτα Html5 είναι ένα σύνολο χαρακτήρων που αναπτύσσουν μια μορφοποιημένη εντολή για μια ιστοσελίδα. Αυτές οι μορφοποιημένες εντολές επικοινωνούν και στέλνουν τις οδηγίες στο πρόγραμμα περιήγησης.
Q # 6) Τι είναι τον ελάχιστο αριθμό ετικετών HTML5 που απαιτούνται για τη δημιουργία ιστοσελίδας;
Απάντηση: Απαιτούνται τουλάχιστον 3 ετικέτες HTML5 για τη δημιουργία ιστοσελίδας, όπως (,,).
Q # 7) Ποια είναι η σημασία του Drag and Drop στο HTML5;
Απάντηση: Η μεταφορά και απόθεση είναι η πιο σημαντική ιδέα του περιβάλλοντος εργασίας χρήστη που καθιστά εύκολο να τραβήξετε ένα αντικείμενο και να το σύρετε στο σημείο που θέλετε με τη βοήθεια ενός κλικ του ποντικιού.
Ορισμένες κοινές λειτουργίες που χρησιμοποιούνται κυρίως από τη λειτουργία μεταφοράς και απόθεσης περιλαμβάνουν μετακίνηση, σύνδεση ή αντιγραφή.
Μπορούμε να σύρουμε μια εικόνα χρησιμοποιώντας στοιχεία, πληκτρολογήστε = , για να κάνετε μια εικόνα draggable και να ορίσετε το χαρακτηριστικό draggable image σε true.
Ε # 8) Εξηγήστε νέους τύπους εισαγωγής φόρμας σε HTML5.
Απάντηση: Το HTML5 έχει 14 νέους τύπους εισαγωγής φορμών:
- Ημερομηνία: Αυτό είναι ένα εργαλείο επιλογής ημερομηνίας, μπορούμε να επιλέξουμε μια ημερομηνία χρησιμοποιώντας τον τύπο = 'ημερομηνία'.
- Εβδομάδα: Αυτό είναι ένα εργαλείο επιλογής εβδομάδας, μπορούμε να επιλέξουμε μια εβδομάδα χρησιμοποιώντας τον τύπο = 'εβδομάδα'.
- Μήνας: Αυτό είναι ένα εργαλείο επιλογής μήνα, μπορούμε να επιλέξουμε ένα μήνα χρησιμοποιώντας τον τύπο = 'μήνας'.
- Χρόνος: Αυτός είναι ένας επιλογέας ώρας, μπορούμε να επιλέξουμε τον χρόνο χρησιμοποιώντας τον τύπο = 'χρόνος'.
- Ημερομηνία ώρα: Αυτή είναι μια συνδυασμένη ημερομηνία και ώρα, μπορούμε να επιλέξουμε τον συνδυασμό ημερομηνίας και ώρας χρησιμοποιώντας τον τύπο = 'Ημερομηνία ώρα'.
- Χρόνος-τοπικός: Μια συνδυασμένη τοπική ημερομηνία και ώρα, μπορούμε να επιλέξουμε τον συνδυασμό τοπικής ημερομηνίας και ώρας χρησιμοποιώντας τον τύπο = 'DateTime-local'.
- ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ: Επιτρέπει μία ή περισσότερες διευθύνσεις email, μπορούμε να εισαγάγουμε πολλές διευθύνσεις email χρησιμοποιώντας τον τύπο = 'ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ'.
- Τηλέφωνο: Επιτρέπει διαφορετικούς αριθμούς τηλεφώνου σε όλο τον κόσμο. Ένας αριθμός τηλεφώνου επικυρώνεται από την πλευρά του πελάτη. Μπορούμε να εισαγάγουμε έναν αριθμό τηλεφώνου χρησιμοποιώντας τον τύπο = 'Τηλέφωνο'.
- Αναζήτηση: Επιτρέπει την αναζήτηση ερωτημάτων με εισαγωγή κειμένου. Μπορούμε να εισαγάγουμε πολλά ερωτήματα χρησιμοποιώντας τον τύπο = 'Αναζήτηση'.
- Αριθμός: Επιτρέπει την εισαγωγή αριθμητικής τιμής με πρόσθετα χαρακτηριστικά, όπως ελάχιστο, μέγ. κ.λπ. και μπορούμε να εισαγάγουμε πολλές αριθμητικές τιμές χρησιμοποιώντας τον τύπο = 'αριθμός'.
- Url: Ένας τύπος εισαγωγής url, που χρησιμοποιείται για τη διεύθυνση ιστού. Σε ένα μόνο URL, μπορούμε να χρησιμοποιήσουμε πολλά χαρακτηριστικά χρησιμοποιώντας τον τύπο = 'Url'.
- Χρώμα: Επιτρέπει την επιλογή πολλαπλών χρωμάτων, μπορούμε να φωτογραφίσουμε πολλαπλά χρώματα χρησιμοποιώντας τον τύπο = 'χρώμα'.
- Εύρος: Επιτρέπει να εισαγάγετε μια αριθμητική τιμή σε ένα συγκεκριμένο εύρος, το εύρος είναι παρόμοιο με τον αριθμό, αλλά είναι πολύ συγκεκριμένο. Μπορούμε να εισαγάγουμε μια αριθμητική τιμή εντός ενός εύρους χρησιμοποιώντας τον τύπο = 'εύρος'.
- Placeholder: Επιτρέπει την εμφάνιση μιας σύντομης υπόδειξης (συνήθως σε ανοιχτόχρωμο χρώμα) στα πεδία εισαγωγής, προτού εισάγουμε την τιμή. Μπορούμε να γράψουμε μια σύντομη υπόδειξη στο πεδίο εισαγωγής χρησιμοποιώντας τον τύπο = 'Placeholder'.
Q # 9) Τι είναι ο χάρτης εικόνας στο html5;
Απάντηση: Οι χάρτες εικόνας είναι ένας συνδυασμός URL και εικόνων, όπου κάνοντας κλικ σε αυτές τις εικόνες (περιοχή με δυνατότητα κλικ στην εικόνα) θα ανοίξουν διαφορετικές νέες ιστοσελίδες.
Δύο τύποι χαρτών εικόνας είναι διαθέσιμοι σε HTML5, δηλαδή από πλευράς πελάτη και διακομιστή:
Ο χάρτης εικόνας από την πλευρά του πελάτη δημιουργείται χρησιμοποιώντας δύο στοιχεία και, όπου ο χάρτης κρατά τις πληροφορίες του χάρτη και το στοιχείο περιοχής παίρνει τα χαρακτηριστικά για να καθορίσει κάθε ενότητα του χάρτη. Χάρτης εικόνας από διακομιστή δημιουργήθηκε από usingattribute, το χαρακτηριστικό usemap είναι το όνομα του χάρτη μας.
Ε # 10) Πώς γράφετε ένα σύμβολο πνευματικών δικαιωμάτων σε μια σελίδα προγράμματος περιήγησης ιστού;
Απάντηση: Για να γράψουμε ένα σύμβολο πνευματικών δικαιωμάτων, πρέπει να πληκτρολογήσουμε © ή © σε ένα αρχείο HTML5.
Ε # 11) Πώς να βελτιστοποιήσετε τα στοιχεία του ιστότοπου;
Απάντηση: Πρέπει να κατανοήσουμε ορισμένους βασικούς κανόνες βελτιστοποίησης, προκειμένου να βελτιστοποιήσουμε τα στοιχεία του ιστότοπου. Αρχικά, θα πρέπει να μειώσουμε το μέγεθος λήψης και να κάνουμε λιγότερα αιτήματα http.
Για τη βελτιστοποίηση των στοιχείων του ιστότοπου μπορούμε να ακολουθήσουμε τις παρακάτω τεχνικές:
- Συμπίεση αρχείων
- Συνένωση αρχείων
- Φιλοξενία CDN
- Εκφόρτωση στοιχείων
- Αναδιοργάνωση
- Βελτίωση κώδικα
Ε # 12) Ποια είναι η χρήση του MathML Element στο HTML5;
Απάντηση: Η λέξη MathML (Mathematical Markup Language) είναι μια γλώσσα σήμανσης, που χρησιμοποιείται για την εμφάνιση επιστημονικής και μαθηματικής έκφρασης στον Ιστό. Το MathML είναι μια μορφή XML (επεκτάσιμη γλώσσα σήμανσης) για να περιγράψει τη μαθηματική σημειογραφία.
Μπορούμε να χρησιμοποιήσουμε ... ετικέτες μέσα στα έγγραφα HTML5 για την εφαρμογή του στοιχείου MathML.
Παράδειγμα: εκτύπωση a² + 2b + 5 = 0 χρησιμοποιώντας κώδικα HTML5.
MathMl Example
Σημείωση: Εάν το MathML χρησιμοποιείται από μια εφαρμογή που συμμορφώνεται με το Χώρο ονομάτων σε μια Σύσταση XML, τότε πρέπει να χρησιμοποιηθεί ο ακόλουθος χώρος ονομάτων:
http://www.w3.org/1998/Math/MathML
Ε # 13) Ποιες είναι οι διάφορες ετικέτες μορφοποίησης στο HTML5;
Απάντηση: Το HTML5 έχει μερικές παλιές και νέες ετικέτες μορφοποίησης όπως δίνεται παρακάτω:
- Επισημασμένο κείμενο: Αντιπροσωπεύει επισημασμένο κείμενο για σκοπούς αναφοράς. Μπορούμε να χρησιμοποιήσουμε
> ετικέτες για επισήμανση κειμένου. - Διαγραμμένο κείμενο: Καθορίζει το διαγραμμένο μπλοκ κειμένου. Μπορούμε να χρησιμοποιήσουμε ετικέτες για να εφαρμόσουμε ένα διαγραμμένο κείμενο.
- Τονισμένο κείμενο: Ορίζει το κείμενο που τονίζεται. Μπορούμε να χρησιμοποιήσουμε ετικέτες για την εφαρμογή ενός επισημασμένου κειμένου.
- Έγινε εισαγωγή κειμένου: Εισάγει ένα τμήμα κειμένου σε ένα έγγραφο. Μπορούμε να χρησιμοποιήσουμε ετικέτες για να εφαρμόσουμε ένα παρεχόμενο κείμενο.
- Μικρό κείμενο: Εμφάνιση κειμένου που έχει εισαχθεί σε μικρό μέγεθος. Μπορούμε να χρησιμοποιήσουμε ετικέτες για να εφαρμόσουμε ένα μικρό κείμενο.
- Υπερκείμενο κείμενο: Αυτό είναι ένα κείμενο με υπεργραφήσεις. Μπορούμε να χρησιμοποιήσουμε ετικέτες για την εφαρμογή ενός κειμένου υπεργράφου.
- Κείμενο συνδρομής: Αυτό είναι ένα εγγεγραμμένο κείμενο. Μπορούμε να χρησιμοποιήσουμε ετικέτες για την εφαρμογή ενός κειμένου υπεργράφου.
Ε # 14) Γιατί χρησιμοποιούμε HTML5;
Απάντηση: Το HTML5 υποστηρίζει κινούμενα σχέδια, σχέδια, ήχο, βίντεο κ.λπ. και ενσωματώνει εύκολα ένα βίντεο στην ιστοσελίδα. Δεν απαιτεί επιπλέον λογισμικό όπως το Flash για την παρακολούθηση βίντεο.
Μερικοί από τους σημαντικούς λόγους για τη χρήση του HTML5 δίνονται παρακάτω:
- Υποστήριξη παλαιού τύπου και μεταξύ προγραμμάτων περιήγησης
- Καλύτερες αλληλεπιδράσεις
- Εξυπνότερη αποθήκευση
- Καθαρότερος κωδικός
Q # 15) Τι είναι ένας υπερσύνδεσμος; Ισχύει μόνο για κείμενο;
Απάντηση: Ο υπερσύνδεσμος είναι ένας σύνδεσμος που επιτρέπει σε έναν χρήστη να μετακινείται από μια ιστοσελίδα σε άλλη ιστοσελίδα όταν κάνει κλικ. Η έννοια του υπερσυνδέσμου χρησιμοποιείται τόσο στο κείμενο όσο και στην εικόνα, και μπορούμε να μετατρέψουμε μια εικόνα σε σύνδεσμο με τη βοήθεια του > ετικέτες.
Παράδειγμαστο Γ εμφανίζεται ένας υπερσύνδεσμος σε μια εικόνα (εικόνα με δυνατότητα κλικ) παρακάτω.
Image Hyperlink Example Click the following link
Q # 16) Εξηγήστε την έννοια της αποθήκευσης ιστού σε HTML5.
Απάντηση: Ο χώρος αποθήκευσης ιστού παρέχει τη δυνατότητα αποθήκευσης των δεδομένων των εφαρμογών ιστού μας τοπικά στο πρόγραμμα περιήγησης του χρήστη. Μπορεί να αποθηκεύσει έως και 10 MB δεδομένων. Ο χώρος αποθήκευσης Ιστού συμβάλλει στην αύξηση της απόδοσης των εφαρμογών μας.
Υπάρχουν δύο τύποι αποθήκευσης ιστού που χρησιμοποιούνται για την τοπική αποθήκευση δεδομένων σε HTML5:
- Τοπική αποθήκευση: Αυτό αποθηκεύει τα δεδομένα που δεν θα λήξουν ή θα διαγραφούν αυτόματα όταν ένας χρήστης κλείσει ή ανοίξει ξανά ένα πρόγραμμα περιήγησης.
- Αποθήκευση συνεδρίας: Αυτό αποθηκεύει δεδομένα μόνο για μία περίοδο σύνδεσης (δηλαδή, έναν χρήστη που περιηγείται στο Διαδίκτυο ή στον ιστότοπο). Μόλις το πρόγραμμα περιήγησης κλείσει, τα δεδομένα περιόδου λειτουργίας θα διαγραφούν αυτόματα από το πρόγραμμα περιήγησης ιστού.
Ε # 17) Εξηγήστε το API γεωγραφικής τοποθεσίας σε HTML5.
Απάντηση: Το Geolocation API χρησιμοποιείται για τον εντοπισμό της γεωγραφικής θέσης ενός χρήστη.
Για λόγους απορρήτου, ζητείται από τον χρήστη άδεια να αναφέρει τις πληροφορίες τοποθεσίας. Χρησιμοποιήστε το navigator.geolocation.get τρέχουσα θέση () μέθοδος για τη λήψη της θέσης του χρήστη και των γεωγραφικών συντεταγμένων (αριθμός γεωγραφικού μήκους και πλάτους).
Για παράδειγμα, για να επιστρέψετε τη θέση γεωγραφικού πλάτους και μήκους ενός χρήστη φαίνεται παρακάτω.
Click The My Location Button to get your Location.
My Location var x = document.getElementById('location'); function getLocation() { if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(showPosition); } else { x.innerHTML = 'Geolocation is not supported by this browser.'; } } function showPosition(position) { x.innerHTML = 'Latitude: ' + position.coords.latitude + '
Longitude: ' + position.coords.longitude; }
Επεξήγηση παραδείγματος:
- Ελέγξτε, εάν υποστηρίζεται η γεωγραφική τοποθεσία ή όχι.
- Εάν υποστηρίζεται η γεωγραφική τοποθεσία, εκτελέστε τη μέθοδο getCurrentPosition (). Εάν η γεωγραφική τοποθεσία δεν υποστηρίζεται, εμφανίστε το μήνυμα σφάλματος στο χρήστη.
- Εάν η μέθοδος getCurrentPosition () είναι επιτυχής, επιστρέφει συντεταγμένες και συναρτήσεις που καθορίζονται στην παράμετρο.
- Η συνάρτηση showPosition (), λαμβάνει την έξοδο - Μήκος και πλάτος.
Ε # 18) Εξηγήστε τα γραφικά HTML5.
Απάντηση: Το HTML5 υποστηρίζει δύο τύπους γραφικών, δηλαδή Canvas και SVG.
α) Καμβάς: Το στοιχείο χρησιμοποιείται για το σχεδιασμό γραφικών στην ιστοσελίδα και διαθέτει αρκετές μεθόδους για τη σχεδίαση κύκλων, κουτιών, προσθήκης εικόνων και κειμένου. 300 px X 150 px (πλάτος X ύψος) είναι το προεπιλεγμένο μέγεθος pixel του καμβά.
ΠαράδειγμαΤο Σχέδιο τετραγωνικού κουτιού χρησιμοποιώντας στοιχείο καμβά φαίνεται παρακάτω.
#mycanvas{border:2px solid pink;}
β) SVG: Τα επεκτάσιμα διανυσματικά γραφικά, χρησιμοποιούνται κυρίως για γραφική εφαρμογή και διαγράμματα κλιμακούμενων διανυσμάτων, όπως το σύστημα συντεταγμένων X, Y, τα δισδιάστατα και τα γραφήματα πίτας. Αυτό το καθιστά γρηγορότερο και ελαφρύ. Το SVG ακολουθεί τη μορφή XML.
Παράδειγμαγια να σχεδιάσετε ένα ορθογώνιο χρησιμοποιώντας το στοιχείο SVG φαίνεται παρακάτω.
Q # 19) Ποια είναι τα πλεονεκτήματα της χρήσης HTML5;
Απάντηση: Το HTML5 είναι η προηγμένη έκδοση του HTML. Το HTML5 επιτρέπει τη δημιουργία ευκολότερων ή διαδραστικών ιστότοπων ενσωματώνοντας βίντεο, ήχο και γραφικά στην ιστοσελίδα.
Η HTML5 υποστηρίζει τεχνολογία πολυμέσων και γραφικό περιεχόμενο στον Ιστό χωρίς τη χρήση πρόσθετων τρίτων.
Μερικές από τις πιο σημαντικές δυνατότητες που προστίθενται από το HTML5 περιλαμβάνουν:
- Γεωγραφική τοποθεσία
- Προσωρινή μνήμη εφαρμογής εκτός σύνδεσης
- Βάση δεδομένων πελάτη
- Σφάλμα χειρισμού
- Νέα δομή και νέα στοιχεία πολυμέσων.
- Υποστήριξη και συμβατότητα προγράμματος περιήγησης.
Υποστηρίζει κάποια νέα διεπαφή προγραμματισμού εφαρμογών (API) όπως:
- Διαχείριση ιστορικού προγράμματος περιήγησης
- Μεταφορά και απόθεση
- 2D σχέδιο σε μια ιστοσελίδα
- Αναπαραγωγή μέσων χρόνου
Οι υποστηριζόμενες εφαρμογές περιλαμβάνουν:
- Εργαζόμενοι στο Διαδίκτυο - JavaScript
- Τοπική πρόσβαση αρχείων
- Προσωρινή μνήμη εφαρμογής
- Τοπική αποθήκευση δεδομένων
- Τοπικές βάσεις δεδομένων SQL
Ε # 20) Πώς να δημιουργήσετε έναν σύνδεσμο που θα συνδεθεί με μια άλλη σελίδα προγράμματος περιήγησης ιστού όταν κάνετε κλικ σε HTML5;
Απάντηση: Χρησιμοποιήστε την ετικέτα για να δημιουργήσετε υπερσυνδέσμους και αυτές χρησιμοποιούνται για σύνδεση σε άλλη ιστοσελίδα. Μπορούμε να δημιουργήσουμε υπερσύνδεση χρησιμοποιώντας τον τύπο = κείμενο ετικέτα. Όταν κάνουμε κλικ στο κείμενο τότε, θα ανοίξει η συνδεδεμένη διεύθυνση URL της ιστοσελίδας.
Για παράδειγμα , ο παρακάτω κώδικας είναι ένας σύνδεσμος που οδηγεί στην αρχική σελίδα του Yahoo, που βρίσκεται στη διεύθυνση https://in.yahoo.com
Yahoo link
Visit Yahoo Home Page
Ε # 21) Πόσα προγράμματα περιήγησης ιστού υποστηρίζει το HTML5;
πώς να ανοίξετε ένα αρχείο xml στη λέξη
Απάντηση: Οι περισσότερες από τις τελευταίες εκδόσεις των Apple Safari, Google Chrome, Opera, Internet Explorer και Mozilla Firefox υποστηρίζονται από το HTML5.
Q # 22) Ποιο είναι το συχνά χρήσιμο API στο HTML5;
Απάντηση: Μια λίστα με τα πιο συχνά χρήσιμα API σε HTML5 περιλαμβάνουν:
- API μέσων
- API μεταφοράς δεδομένων
- API Cache εφαρμογής
- Αλληλεπίδραση χρήστη
- API ιστορικού
- API επικύρωσης περιορισμού
- API εντολών
- API παρακολούθησης κειμένου
Ε # 23) Πόσες ετικέτες καταργήθηκαν στο HTML5;
Απάντηση: Η λίστα των ετικετών που καταργούνται εντελώς στο HTML5 περιλαμβάνει:
Q # 24) Ποιες μορφές βίντεο και ήχου χρησιμοποιούνται για ενσωμάτωση στην ιστοσελίδα;
Απάντηση: Οι μορφές βίντεο και ήχου που χρησιμοποιούνται για ενσωμάτωση στην ιστοσελίδα δίνονται παρακάτω:
- Βίντεο: MPEG4, Ogg, WebM.
- Ήχος: WAV, Ogg Vorbis, MP3.
Q # 25) Παραθέστε τα στοιχεία δομής σελίδας του HTML5.
Απάντηση: Τα στοιχεία δομής σελίδας του HTML5 δίνονται παρακάτω:
- : Αντιπροσωπεύει την ενότητα κεφαλίδας και αποθηκεύει τις αρχικές πληροφορίες σχετικά με την ιστοσελίδα.
- : Αναπαριστά το τμήμα υποσέλιδου (τελευταίο τμήμα) της σελίδας.
- : Αντιπροσωπεύει τα στοιχεία πλοήγησης της σελίδας HTML.
- : Είναι ένα σύνολο πληροφοριών.
- : Είναι ένα σύνολο οδηγιών που χρησιμοποιείται στο μπλοκ άρθρου για τον καθορισμό της βασικής δομής μιας σελίδας.
- : Περιεχόμενο πλευρικής γραμμής της σελίδας.
Ε # 26) Εξηγήστε μερικές από τις κοινές λίστες για το σχεδιασμό μιας ιστοσελίδας.
Απάντηση: Οι κοινές λίστες για το σχεδιασμό μιας ιστοσελίδας περιλαμβάνουν:
- Λίστα καταλόγων
- Λίστα ορισμών
- Τακτοποιημένη λίστα
- Λίστα μενού
- Μη ταξινομημένη λίστα
Διαφορετικός - Χρησιμοποιούνται διαφορετικές ετικέτες για τη σύνθεση κάθε λίστας.
Q # 27) Ποια είναι η χρήση της ετικέτας εξόδου σε HTML5;
Απάντηση: Η ετικέτα χρησιμοποιείται για την αναπαράσταση των διαφορετικών τύπων εξόδου και αποτελέσματος.
Q # 28) Ποιο στοιχείο παρέχει τη δυνατότητα αυτόματης συμπλήρωσης σε ένα πλαίσιο κειμένου;
Απάντηση: Στο στοιχείο HTML5, παρέχει τη δυνατότητα αυτόματης συμπλήρωσης σε ένα πλαίσιο κειμένου.
Ε # 29) Πώς να ενσωματώσετε βίντεο και ήχο σε HTML5;
Απάντηση:
Βίντεο:
Παράδειγμα για ενσωμάτωση βίντεο σε HTML5:
Ήχος:
Παράδειγμα για ενσωμάτωση ήχου σε HTML5:
Ε # 30) Ποιες είναι οι μεταναστευμένες ετικέτες από HTML4 σε HTML5;
Απάντηση: Η λίστα των μεταναστευμένων ετικετών από HTML4 σε HTML5 δίνεται παρακάτω:
Τυπικό HTML4 Τυπικό HTML5
Q # 31) Ποιο είναι το μέρος των τεχνολογιών HTML5;
Απάντηση: Η λίστα δίνεται παρακάτω:
- Εργαζόμενοι στο Διαδίκτυο
- Αποθήκευση Ιστού
- SVG
- CSS3
- Εκδηλώσεις που αποστέλλονται από διακομιστή (SSE)
- Μικροδεδομένα
- Προθέσεις Ιστού
- Υποδοχές Ιστού
- Εφαρμογή εκτός σύνδεσης
- Γεωγραφική τοποθεσία
- Αρχείο API
- Μηνύματα Ιστού
- Μεταφορά και απόθεση
- Καμβάς 2D
Q # 32) Ποια είναι η διαφορά μεταξύ των στοιχείων SVG και Canvas;
Απάντηση:
SVG | Στοιχεία καμβά |
---|---|
Το SVG δεν είναι κατάλληλο για γραφικά παιχνιδιών. | Ο καμβάς είναι κατάλληλος για γραφικά παιχνιδιών. |
Είναι βασισμένο σε μοντέλο αντικειμένων. | Βασίζεται σε pixel. |
Είναι κατάλληλο για χρήση μεγάλων περιοχών απόδοσης. | Είναι κατάλληλο για χρήση μικρών περιοχών απόδοσης. |
Το SVG παρέχει οποιαδήποτε υποστήριξη για χειριστές εκδηλώσεων. | Ο καμβάς δεν παρέχει καμία δυνατότητα για χειριστές εκδηλώσεων. |
Η τροποποίηση επιτρέπεται μέσω σεναρίου και CSS. | Η τροποποίηση επιτρέπεται μόνο μέσω σεναρίου. |
Το SVG έχει καλύτερη επεκτασιμότητα | Ο καμβάς έχει χαμηλή επεκτασιμότητα. |
Το SVG βασίζεται στο Vector (αποτελείται από σχήματα). | Ο καμβάς βασίζεται σε ράστερ (αποτελείται από ένα pixel). |
Το SVG δεν εξαρτάται από την ανάλυση. | Ο καμβάς εξαρτάται πλήρως από την ανάλυση. |
Το SVG είναι ικανό για κινούμενη εικόνα API. | Το Canvas δεν έχει κανένα API για κινούμενα σχέδια. |
Το SVG είναι κατάλληλο για εκτύπωση με υψηλή ποιότητα και οποιαδήποτε ανάλυση. | Ο καμβάς δεν είναι κατάλληλος για εκτύπωση υψηλής ποιότητας και υψηλής ανάλυσης. |
Q # 33) Ποια είναι η χρήση της ετικέτας στο HTML5;
Απάντηση: Η ετικέτα σχήμα χρησιμοποιείται για την προσθήκη μιας εικόνας στο έγγραφο σε μια ιστοσελίδα.
Q # 34) Τι είναι τα μικροδεδομένα σε HTML5;
Απάντηση: Τα μικροδεδομένα είναι μια νέα απλή σημασιολογική σύνταξη, η οποία χρησιμοποιείται για την προσθήκη των ένθετων ομάδων ονομάτων και ζεύγους τιμών δεδομένων σε έγγραφα, τα οποία βασίζονται συνήθως στο περιεχόμενο της σελίδας. Τα μικροδεδομένα χρησιμοποιούνται για νέα καθολικά χαρακτηριστικά.
Ε # 35) Εξηγήστε τις μετα-ετικέτες.
Απάντηση: Οι μετα-ετικέτες χρησιμοποιούνται για την παροχή χρήσιμων πληροφοριών στις ιστοσελίδες μας.
Μερικές από τις ετικέτες περιλαμβάνουν:
- Τίτλος: Παρέχει έναν τίτλο στην ιστοσελίδα.
- Στυλ: Εισάγει ορισμένα στυλ και λεπτομέρειες CSS στην ιστοσελίδα.
- Σύνδεσμος: Καθορίζει τη σχέση μεταξύ μιας σελίδας σε μια άλλη σελίδα και μιας εξωτερικής πηγής.
Μερικές χρήσιμες συντομογραφίες
- XML: Επεκτάσιμη γλώσσα σήμανσης
- W3C: Κοινοπραξία World Wide Web
- SQL: Γλώσσα δομημένων ερωτημάτων
- JPEG: Κοινή ομάδα εμπειρογνωμόνων φωτογραφίας
- IP: Πρωτόκολλο Διαδικτύου
- HTTP: Πρωτόκολλο μεταφοράς υπερκειμένου
- href: Αναφορά υπερκειμένου
- FTP: Πρωτόκολλο μεταφοράς αρχείων
- ΦΩΤΙΑ: Διεπαφή προγραμματισμού εφαρμογών
- ΕΔΩ: Ολοκληρωμένο περιβάλλον ανάπτυξης
- ΥΦΑΔΙ: Εργαλείο ενσωμάτωσης γραμματοσειρών Web
- ΚΡΙΣΗ: Μοντέλο αντικειμένου εγγράφου
- Url: Ενιαίος Εντοπιστής Πόρων
συμπέρασμα
Το HTML5 μπορεί να θεωρηθεί ως το θεμέλιο των τεχνολογιών Ιστού, αυτή είναι η κύρια τεχνολογία που χρησιμοποιείται για τη δημιουργία ιστοσελίδων.
Πολλοί επαγγελματίες που σκοπεύουν να δημιουργήσουν μια καριέρα στην τεχνολογία Ιστού πρέπει να μάθουν HTML5. Το HTML5 δεν είναι μόνο η υποδομή των τεχνολογιών Ιστού, αλλά χρησιμοποιείται επίσης για την ανάπτυξη εφαρμογών για κινητά. Ορολογικά, το HTML5 δεν είναι γλώσσα προγραμματισμού, αλλά είναι γλώσσα σήμανσης.
Αυτό το άρθρο θα είναι ένας οδηγός για τη λίστα των κορυφαίων ερωτήσεων και απαντήσεων συνέντευξης HTML5, καθώς καλύπτει τόσο βασικές όσο και προχωρημένες ερωτήσεις και απαντήσεις συνέντευξης HTML5. Είμαστε σίγουροι ότι αυτοί με τη σειρά τους είναι οι εξαιρετικοί πόροι για να σας βοηθήσουμε να προετοιμαστείτε για τη συνέντευξη HTMl5.
Ελπίζω ότι αυτό το άρθρο θα σας βοηθήσει να σπάσετε οποιαδήποτε συνέντευξη HTML5 με επιτυχία.
Συνιστώμενη ανάγνωση
- Ερωτήσεις και απαντήσεις συνέντευξης
- Ερωτήσεις και απαντήσεις συνέντευξης δοκιμών ETL
- 35+ Κορυφαίες ερωτήσεις και απαντήσεις στη συνέντευξη Apache Tomcat
- Μερικές δύσκολες μη αυτόματες ερωτήσεις και απαντήσεις
- 25 Καλύτερες Ερωτήσεις και Απαντήσεις Συνέντευξης για Ευέλικτη Δοκιμή
- Κορυφαίες 35 ερωτήσεις και απαντήσεις για συνέντευξη Android
- Ερωτήσεις συνέντευξης Spock με απαντήσεις (πιο δημοφιλείς)
- Μερικές ενδιαφέρουσες ερωτήσεις συνέντευξης δοκιμών λογισμικού