Κορυφαίες 60 ερωτήσεις και απαντήσεις συνεντεύξεων HTML (2024)

Ακολουθούν ερωτήσεις συνέντευξης HTML και απαντήσεις για νεοφώτιστους καθώς και έμπειρους υποψηφίους για να πάρουν τη δουλειά των ονείρων τους.

Δωρεάν λήψη PDF: Ερωτήσεις συνέντευξης HTML


1) Τι είναι η HTML;

Η HTML είναι συντομογραφία του HyperText Markup Language και είναι η γλώσσα του World Wide Web. Είναι η τυπική γλώσσα μορφοποίησης κειμένου που χρησιμοποιείται για τη δημιουργία και την εμφάνιση σελίδων στον Ιστό. Τα έγγραφα HTML αποτελούνται από δύο πράγματα: το περιεχόμενο και τις ετικέτες που τα μορφοποιούν για σωστή εμφάνιση στις σελίδες.


2) Τι είναι οι ετικέτες;

Το περιεχόμενο τοποθετείται ανάμεσα σε ετικέτες HTML προκειμένου να μορφοποιηθεί σωστά. Χρησιμοποιεί το σύμβολο μικρότερο από (<) και το σύμβολο μεγαλύτερο από (>). Ένα σύμβολο κάθετου χρησιμοποιείται επίσης ως ετικέτα κλεισίματος. Για παράδειγμα:

<strong>sample</strong>

3) Όλες οι ετικέτες HTML έρχονται σε ένα ζευγάρι;

Όχι, υπάρχουν μεμονωμένες ετικέτες HTML που δεν χρειάζονται ετικέτα κλεισίματος. Παραδείγματα είναι τα ετικέτα και ετικέτες.


4) Ποιες είναι μερικές από τις κοινές λίστες που μπορούν να χρησιμοποιηθούν κατά το σχεδιασμό μιας σελίδας;

Μπορείτε να εισαγάγετε οποιονδήποτε ή συνδυασμό από τους παρακάτω τύπους λίστας:
– κατάλογος παραγγελίας
– μη τακτοποιημένη λίστα
– λίστα ορισμών
– λίστα μενού
– λίστα καταλόγων
Καθένας από αυτούς τους τύπους λίστας χρησιμοποιεί ένα διαφορετικό σύνολο ετικετών για σύνθεση


5) Πώς εισάγετε ένα σχόλιο σε HTML;

Τα σχόλια σε HTML ξεκινούν με " ". Για παράδειγμα:

<!-- A SAMPLE COMMENT -->
Ερωτήσεις συνέντευξης HTML

6) Όλες οι οντότητες χαρακτήρων εμφανίζονται σωστά σε όλα τα συστήματα;

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


7) Τι είναι ο χάρτης εικόνας;

Ο χάρτης εικόνας σάς επιτρέπει να συνδέσετε πολλές διαφορετικές ιστοσελίδες χρησιμοποιώντας μία μόνο εικόνα. Μπορείτε να ορίσετε σχήματα σε εικόνες που θέλετε να κάνετε μέρος μιας αντιστοίχισης εικόνας.


8) Ποιο είναι το πλεονέκτημα της κατάρρευσης του λευκού χώρου;

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

Ερωτήσεις συνέντευξης HTML5
Ερωτήσεις συνέντευξης HTML5

9) Μπορούν να οριστούν τιμές χαρακτηριστικών σε οτιδήποτε ή υπάρχουν συγκεκριμένες τιμές που δέχονται;

Ορισμένες τιμές χαρακτηριστικών μπορούν να οριστούν μόνο σε προκαθορισμένες τιμές. Άλλα χαρακτηριστικά μπορούν να δεχτούν οποιαδήποτε αριθμητική τιμή που αντιπροσωπεύει τον αριθμό των pixel για ένα μέγεθος.


10) Πώς εισάγετε ένα σύμβολο πνευματικών δικαιωμάτων σε μια σελίδα προγράμματος περιήγησης;

Για να εισαγάγετε το σύμβολο πνευματικών δικαιωμάτων, πρέπει να πληκτρολογήσετε © ή & #169; σε ένα αρχείο HTML.


11) Πώς δημιουργείτε συνδέσμους σε ενότητες στην ίδια σελίδα;

Οι σύνδεσμοι μπορούν να δημιουργηθούν χρησιμοποιώντας την ετικέτα, με αναφορά μέσω της χρήσης του συμβόλου αριθμού (#). Για παράδειγμα, μπορείτε να έχετε μία γραμμή ως ΕΠΙΣΤΡΟΦΗ ΣΤΗΝ ΚΟΡΥΦΗ , η οποία θα είχε ως αποτέλεσμα οι λέξεις "BACK TO TOP" να εμφανίζονται στην ιστοσελίδα και να συνδέονται με έναν σελιδοδείκτη που ονομάζεται topmost. Στη συνέχεια, δημιουργείτε μια ξεχωριστή εντολή ετικέτας, όπως κάπου στην κορυφή της ίδιας ιστοσελίδας, έτσι ώστε ο χρήστης να συνδέεται με αυτό το σημείο όταν κάνει κλικ στο "BACK TO TOP".


12) Υπάρχει κάποιος τρόπος να διατηρήσουμε τα στοιχεία της λίστας ευθεία σε ένα αρχείο HTML;

Χρησιμοποιώντας εσοχές, μπορείτε να διατηρήσετε ευθεία τα στοιχεία της λίστας. Εάν κάνετε εσοχή σε κάθε λίστα υποενωμένων σε εσοχή πέρα ​​από τη γονική λίστα που την περιέχει, μπορείτε με μια ματιά να προσδιορίσετε τις διάφορες λίστες και τα στοιχεία που περιέχει.


13) Αν δείτε μια διεύθυνση ιστού σε ένα περιοδικό, σε ποια ιστοσελίδα οδηγεί;

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


14) Ποια είναι η χρήση του εναλλακτικού κειμένου στη χαρτογράφηση εικόνων;

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


15) Τα παλαιότερα αρχεία HTML λειτουργούν σε νεότερα προγράμματα περιήγησης;

Ναι, τα παλαιότερα αρχεία HTML είναι συμβατά με το πρότυπο HTML. Τα περισσότερα παλαιότερα αρχεία λειτουργούν στα νεότερα προγράμματα περιήγησης, αν και ορισμένες λειτουργίες ενδέχεται να μην λειτουργούν.


16) Ένας υπερσύνδεσμος ισχύει μόνο για κείμενο;

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


17) Εάν το λειτουργικό σύστημα του χρήστη δεν υποστηρίζει τον απαραίτητο χαρακτήρα, πώς μπορεί να αναπαρασταθεί το σύμβολο;

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


18) Πώς αλλάζετε τον τύπο αριθμού στη μέση μιας λίστας;

Ο Η ετικέτα περιλαμβάνει δύο χαρακτηριστικά – τύπο και τιμή. Το χαρακτηριστικό type μπορεί να χρησιμοποιηθεί για την αλλαγή του τύπου αρίθμησης για οποιοδήποτε στοιχείο λίστας. Το χαρακτηριστικό value μπορεί να αλλάξει τον αριθμητικό δείκτη.


19) Τι είναι τα φύλλα στυλ;

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


20) Τύποι κουκκίδων κατάστασης διαθέσιμοι σε HTML

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


21) Πώς δημιουργείτε πολύχρωμο κείμενο σε μια ιστοσελίδα;

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


22) Γιατί υπάρχουν τόσο αριθμητικές όσο και ονομαστικές τιμές οντοτήτων χαρακτήρων;

Οι αριθμητικές τιμές λαμβάνονται από τις τιμές ASCII για τους διάφορους χαρακτήρες, αλλά μπορεί να είναι δύσκολο να τις θυμάστε. Εξαιτίας αυτού, δημιουργήθηκαν ονομασμένες τιμές οντοτήτων χαρακτήρων για να διευκολύνουν τους σχεδιαστές ιστοσελίδων στη χρήση τους.


23) Γράψτε μια ακολουθία ετικετών πίνακα HTML που θα εξάγει τα εξής:
50 τεμ 100 500
10 τεμ 5 50

Απάντηση:

<table> 
<tr> 
<td>50 pcs</td> 
<td>100</td> 
<td>500</td> 
</tr> 
<tr> 
<td>10 pcs</td> 
<td>5</td> 
<td>50</td> 
</tr> 
</table>

24) Ποιο είναι το πλεονέκτημα της ομαδοποίησης πολλών πλαισίων ελέγχου μαζί;

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


25) Τι θα συμβεί εάν επικαλύπτετε σύνολα ετικετών;

Εάν δύο σύνολα ετικετών HTML επικαλύπτονται, θα αναγνωριστεί μόνο η πρώτη ετικέτα. Θα βρείτε αυτό το πρόβλημα όταν το κείμενο δεν εμφανίζεται σωστά στην οθόνη του προγράμματος περιήγησης.


26) Τι είναι οι μικροεφαρμογές;

Οι μικροεφαρμογές είναι μικρά προγράμματα που μπορούν να ενσωματωθούν σε ιστοσελίδες για να εκτελέσουν ορισμένες συγκεκριμένες λειτουργίες, όπως υπολογισμούς, κινούμενα σχέδια και επεξεργασία πληροφοριών. Οι μικροεφαρμογές γράφονται χρησιμοποιώντας τη γλώσσα Java.


27) Τι γίνεται αν δεν υπάρχει κείμενο μεταξύ των ετικετών ή εάν ένα κείμενο παραλείφθηκε κατά λάθος; Θα επηρεάσει την εμφάνιση του αρχείου HTML;

Εάν δεν υπάρχει κείμενο μεταξύ των ετικετών, τότε δεν υπάρχει τίποτα για μορφοποίηση. Επομένως, δεν θα εμφανιστεί καμία μορφοποίηση. Ορισμένες ετικέτες, ειδικά ετικέτες χωρίς ετικέτα κλεισίματος όπως η ετικέτα, δεν απαιτείται κανένα κείμενο μεταξύ τους.


28) Είναι δυνατόν να ορίσετε συγκεκριμένα χρώματα για περιγράμματα τραπεζιού;

Μπορείτε να καθορίσετε ένα χρώμα περιγράμματος χρησιμοποιώντας φύλλα στυλ, αλλά τα χρώματα για έναν πίνακα που δεν χρησιμοποιεί φύλλα στυλ θα είναι τα ίδια με το χρώμα του κειμένου.


29) Πώς δημιουργείτε έναν σύνδεσμο που θα συνδέεται με μια άλλη ιστοσελίδα όταν κάνετε κλικ;

Για να δημιουργήσετε υπερσυνδέσμους ή συνδέσμους που συνδέονται με άλλη ιστοσελίδα, χρησιμοποιήστε την ετικέτα href. Η γενική μορφή για αυτό είναι: κείμενο
Αντικαταστήστε τον "ιστότοπο" με την πραγματική διεύθυνση URL της σελίδας με την οποία υποτίθεται ότι συνδέεται όταν κάνετε κλικ στο κείμενο.


30) Ποιοι άλλοι τρόποι μπορούν να χρησιμοποιηθούν για τη στοίχιση εικόνων και την αναδίπλωση κειμένου;

Οι πίνακες μπορούν να χρησιμοποιηθούν για την τοποθέτηση κειμένου και εικόνων. Ένας άλλος χρήσιμος τρόπος για να τυλίξετε κείμενο γύρω από μια εικόνα είναι να χρησιμοποιήσετε φύλλα στυλ.


31) Μπορεί ένας σύνδεσμος κειμένου να οδηγεί σε δύο διαφορετικές ιστοσελίδες;

Όχι. Η ετικέτα μπορεί να δεχθεί μόνο ένα χαρακτηριστικό href και μπορεί να οδηγεί μόνο σε μία ιστοσελίδα.


32) Ποια είναι η διαφορά μεταξύ των λιστών καταλόγου και μενού και της μη ταξινομημένης λίστας;

Η βασική διαφορά είναι ότι οι λίστες καταλόγου και μενού δεν περιλαμβάνουν χαρακτηριστικά για την αλλαγή του στυλ κουκκίδων.


33) Μπορείτε να αλλάξετε το χρώμα των σφαιρών;

Το χρώμα των κουκκίδων είναι πάντα το ίδιο με αυτό του πρώτου χαρακτήρα στο στοιχείο της λίστας. Εάν περιβάλλετε το και ο πρώτος χαρακτήρας με ένα σύνολο ετικετών με το σύνολο χαρακτηριστικών χρώματος, το χρώμα της κουκκίδας και ο πρώτος χαρακτήρας θα έχει διαφορετικό χρώμα από το κείμενο.


34) Ποια είναι τα όρια του μεγέθους του πεδίου κειμένου;

Το προεπιλεγμένο μέγεθος για ένα πεδίο κειμένου είναι περίπου 13 χαρακτήρες. Ωστόσο, εάν συμπεριλάβετε το χαρακτηριστικό μέγεθος, μπορείτε να ορίσετε την τιμή μεγέθους έως και 1. Η μέγιστη τιμή μεγέθους θα καθοριστεί από το πλάτος του προγράμματος περιήγησης. Εάν το χαρακτηριστικό μέγεθος έχει οριστεί σε 0, το μέγεθος θα οριστεί στο προεπιλεγμένο μέγεθος των 13 χαρακτήρων.


35) Κάνετε Οι ετικέτες πρέπει πάντα να εμφανίζονται στην αρχή μιας σειράς ή μιας στήλης;

Κάθε η ετικέτα μπορεί να αλλάξει σε a ετικέτα. Αυτό προκαλεί το κείμενο που περιέχεται στο ετικέτα που θα εμφανίζεται με έντονη γραφή στο πρόγραμμα περιήγησης. Αν και Οι ετικέτες χρησιμοποιούνται κυρίως για επικεφαλίδες, δεν χρειάζεται να χρησιμοποιούνται αποκλειστικά για επικεφαλίδες.


36) Ποια είναι η σχέση μεταξύ των χαρακτηριστικών συνόρων και κανόνα;

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


37) Τι είναι η μαρκίζα;

Ένα στίγμα σάς επιτρέπει να τοποθετήσετε ένα κυλιόμενο κείμενο σε μια ιστοσελίδα. Για να το κάνετε αυτό, τοποθετήστε οποιοδήποτε κείμενο θέλετε να εμφανίζεται με κύλιση μέσα στο και ετικέτες.


38) Πώς δημιουργείτε κείμενο σε μια ιστοσελίδα που θα σας επιτρέψει να στείλετε ένα email όταν κάνετε κλικ;

Για να αλλάξετε το κείμενο σε σύνδεσμο με δυνατότητα κλικ για αποστολή email, χρησιμοποιήστε την εντολή mailto στην ετικέτα href. Η μορφή έχει ως εξής:

<A HREF=”mailto:youremailaddress”>text to be clicked</A>

 


39) Are ετικέτες ο μόνος τρόπος διαχωρισμού τμημάτων κειμένου;

Όχι. Το Η ετικέτα είναι μόνο ένας τρόπος διαχωρισμού γραμμών κειμένου. Άλλες ετικέτες, όπως το ετικέτα και ετικέτα, επίσης ξεχωριστές ενότητες κειμένου.


40) Υπάρχουν περιπτώσεις όπου το κείμενο θα εμφανίζεται εκτός του προγράμματος περιήγησης;

Από προεπιλογή, το κείμενο είναι τυλιγμένο για να εμφανίζεται στο παράθυρο του προγράμματος περιήγησης. Ωστόσο, εάν το κείμενο είναι μέρος ενός κελιού πίνακα με καθορισμένο πλάτος, το κείμενο θα μπορούσε να επεκταθεί πέρα ​​από το παράθυρο του προγράμματος περιήγησης.


41) Σε τι διαφέρουν οι ενεργοί σύνδεσμοι από τους κανονικούς συνδέσμους;

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


42) Τα φύλλα στυλ περιορίζουν τον αριθμό των νέων ορισμών στυλ που μπορούν να συμπεριληφθούν στις αγκύλες;

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


43) Μπορώ να καθορίσω κλασματικές τιμές βάρους όπως 670 ή 973 για το βάρος της γραμματοσειράς;

Η εφαρμογή εξαρτάται σε μεγάλο βαθμό από το πρόγραμμα περιήγησης, αλλά το πρότυπο δεν υποστηρίζει κλασματικές τιμές βάρους. Οι αποδεκτές τιμές πρέπει να τελειώνουν με δύο μηδενικά.


44) Ποια είναι η ιεραρχία που ακολουθείται όταν πρόκειται για φύλλα στυλ;

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


45) Μπορούν να ομαδοποιηθούν πολλοί επιλογείς με ονόματα κλάσεων;

Μπορείτε να ορίσετε πολλούς επιλογείς με τον ίδιο ορισμό στυλ διαχωρίζοντάς τους με κόμματα. Αυτή η ίδια τεχνική λειτουργεί επίσης για επιλογείς με ονόματα κλάσεων.


46) Τι συμβαίνει αν ανοίξετε το εξωτερικό CSS αρχείο σε πρόγραμμα περιήγησης;

Όταν προσπαθείτε να ανοίξετε το εξωτερικό αρχείο CSS σε ένα πρόγραμμα περιήγησης, το πρόγραμμα περιήγησης δεν μπορεί να ανοίξει το αρχείο, επειδή το αρχείο έχει διαφορετική επέκταση. Ο μόνος τρόπος για να χρησιμοποιήσετε ένα εξωτερικό αρχείο CSS είναι να το αναφέρετε χρησιμοποιώντας ετικέτα σε άλλο έγγραφο HTML.


47) Πώς μετατρέπετε μια εικόνα σε εικόνα φόντου μιας ιστοσελίδας;

Για να το κάνετε αυτό, τοποθετήστε έναν κωδικό ετικέτας μετά το επισημάνετε ως εξής:

<body background = “image.gif”>

Αντικαταστήστε το image.gif με το όνομα του αρχείου εικόνας σας. Αυτό θα τραβήξει την εικόνα και θα την κάνει την εικόνα φόντου της ιστοσελίδας σας.


48) Τι συμβαίνει εάν η ιδιότητα τύπου list-style χρησιμοποιείται σε ένα στοιχείο εκτός λίστας, όπως μια παράγραφο;

Εάν η ιδιότητα τύπου list-style χρησιμοποιείται σε ένα στοιχείο εκτός λίστας, όπως μια παράγραφο, η ιδιότητα θα αγνοηθεί και δεν θα επηρεάσει την παράγραφο.


49) Πότε ενδείκνυται η χρήση κουφωμάτων;

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


50) Τι συμβαίνει εάν ο αριθμός των τιμών στις γραμμές ή το χαρακτηριστικό cols δεν είναι 100 τοις εκατό;

Το πρόγραμμα περιήγησης δίνει μέγεθος στα πλαίσια σε σχέση με το συνολικό άθροισμα των τιμών. Εάν το χαρακτηριστικό cols έχει οριστεί σε 100%, 200%, το πρόγραμμα περιήγησης εμφανίζει δύο κάθετα καρέ με το δεύτερο να είναι διπλάσιο από το πρώτο.


51) Ποια προγράμματα περιήγησης υποστηρίζουν HTML5;

Οι πιο πρόσφατες εκδόσεις του Google Chrome, του Apple Safari, του Mozilla Firefox και του Opera υποστηρίζουν όλες τις περισσότερες από τις λειτουργίες HTML5.


52) Ονομάστε δύο νέες ετικέτες που περιλαμβάνονται στην HTML 5

και είναι νέες ετικέτες που περιλαμβάνονται στην έκδοση HTML5. Χρησιμοποιούνται κυρίως ως αντικατάσταση για Flash, Silverlight και παρόμοιες τεχνολογίες για την αναπαραγωγή στοιχείων πολυμέσων.


53) Γνωρίζετε ποιες είναι οι δύο σημασιολογικές ετικέτες που περιλαμβάνονται στην έκδοση HTML5;

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


54) Τι είναι σε HTML5;

Αυτή η ετικέτα αντιπροσωπεύει ένα κομμάτι αυτοτελούς περιεχομένου ροής. Χρησιμοποιείται κυρίως ως ενιαία μονάδα ως αναφορά στην κύρια ροή του εγγράφου.


55) Ποια είναι η χρήση του στοιχείου Canvas;

Το στοιχείο καμβά βοηθά στη δημιουργία γραφημάτων, γραφημάτων, παράκαμψης Photoshop για να δημιουργήσετε 2D εικόνες και να τις τοποθετήσετε απευθείας στον κώδικα HTML5.


56) Ποια είναι τα νέα στοιχεία FORM που είναι διαθέσιμα στην HTML5;

Τα νέα στοιχεία φόρμας στην HTML5 προσφέρουν πολύ καλύτερη λειτουργικότητα από τις προηγούμενες εκδόσεις.

Οι ετικέτες που παρέχονται για την εκτέλεση αυτών των λειτουργιών είναι:

1) – Αυτή η ετικέτα χρησιμοποιείται για τον καθορισμό μιας λίστας επιλογών για στοιχεία ελέγχου εισόδου.

2) – Αυτή η ετικέτα αντιπροσωπεύει ένα πεδίο δημιουργίας ζεύγους κλειδιών.

3) – Αντιπροσωπεύει το αποτέλεσμα οποιουδήποτε υπολογισμού δέσμης ενεργειών.


57) Πείτε μου δύο πλεονεκτήματα του HTML5 Web Storage

Δύο κύρια πλεονεκτήματα του HTML5 Web Storage:

  • Μπορεί να αποθηκεύσει έως και 10 MB δεδομένα που είναι σίγουρα περισσότερα από αυτά που έχουν τα cookies.
  • Δεν είναι δυνατή η μεταφορά δεδομένων αποθήκευσης Ιστού με το αίτημα HTTP. Βοηθά στην αύξηση της απόδοσης της εφαρμογής.

58) Ποιοι είναι οι δύο τύποι αποθήκευσης Ιστού στην HTML5;

Δύο τύποι αποθήκευσης HTML5 είναι:

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

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


59) Τι είναι η προσωρινή μνήμη εφαρμογών σε HTML5 και γιατί χρησιμοποιείται;

Η έννοια της προσωρινής μνήμης εφαρμογής σημαίνει ότι μια εφαρμογή Ιστού αποθηκεύεται προσωρινά. Μπορεί να είναι προσβάσιμο χωρίς την ανάγκη σύνδεσης στο διαδίκτυο.

Μερικά πλεονεκτήματα της προσωρινής μνήμης εφαρμογών:

  1. Περιήγηση εκτός σύνδεσης – Οι χρήστες Ιστού μπορούν επίσης να χρησιμοποιήσουν την εφαρμογή όταν είναι εκτός σύνδεσης.
  2. Ταχύτητα - Οι αποθηκευμένοι πόροι φορτώνονται πιο γρήγορα
  3. Μειώστε το φόρτο διακομιστή – Το πρόγραμμα περιήγησης Ιστού θα πραγματοποιεί λήψη μόνο ενημερωμένων πόρων από τον διακομιστή.

60) Εξηγήστε πέντε νέους τύπους εισόδου που παρέχονται από την HTML5 για φόρμες;

Ακολουθούν οι σημαντικοί, νέοι τύποι δεδομένων που προσφέρονται από την HTML5:

  1. Ημερομηνία: Επιτρέπει στον χρήστη να επιλέξει μια ημερομηνία.
  2. datetime-local: Αυτός ο τύπος εισόδου επιτρέπει στο χρήστη να επιλέξει μια ημερομηνία και ώρα χωρίς ζώνη ώρας.
  3. ημερομηνία ώρας: Αυτός ο τύπος εισόδου επιτρέπει στο χρήστη να επιλέξει μια ημερομηνία και ώρα με ζώνη ώρας.
  4. μήνας: Επιτρέπει στον χρήστη να επιλέξει μήνα και έτος
  5. e-mail: Αυτά τα πεδία εισαγωγής περιείχαν μια διεύθυνση e-mail.


Αυτές οι ερωτήσεις συνέντευξης θα βοηθήσουν επίσης στο viva (προφορικά) σας. Για να χτίσετε μια λαμπρή καριέρα ως UI / UX προγραμματιστής, οι υποψήφιοι πρέπει να σπάσουν τη συνέντευξη στην οποία τους ζητούνται διάφορες ερωτήσεις συνέντευξης HTML5.

Κοινοποίηση

30 Σχόλια

  1. Avatar Adabala VayuCkumar λέει:

    Αγαπητέ κύριε,
    Θέλω να μάθω για το textbox σε κώδικα html
    πώς να μετρήσετε τους αριθμούς που έχετε εισάγει στο πλαίσιο κειμένου. εννοώ.. εισάγω 1234 στο πλαίσιο κειμένου. Θέλω αποτέλεσμα 1+2+3+4 =10. πώς είναι. δώστε οποιονδήποτε κωδικό για αυτό

    1. Avatar Mandar Andhari λέει:

      θα πρέπει να χρησιμοποιήσετε javascript για αυτό… τη συμβολοσειρά εισόδου που έχετε λάβει π.χ. 1234, πρέπει να τη διαιρέσετε και στη συνέχεια να εκτελέσετε πρόσθεση αυτών των αριθμών…

  2. Avatar sushmitha λέει:

    πολύ χρήσιμο tutorial….εξαιρετικό…μου άρεσε!!

  3. Άντο Νάβις λέει:

    Ευχαριστώ, είναι πραγματικά πολύ χρήσιμο για μένα να παρακολουθήσω τη συνέντευξη.

  4. Avatar karunakavya λέει:

    Εξαιρετικό…πολύ χρήσιμο για μένα…html κουίζ……

  5. Avatar Vijaypal Singh Rawat λέει:

    καταπληκτικό μαθησιακό περιεχόμενο,
    Πολλά Thanx

  6. Avatar William Ashet λέει:

    10q δημιουργείτε νέα γενιά με πλήρη γνώση της html

  7. Avatar Υπηρεσία SEO λέει:

    Είμαι πραγματικά χαρούμενος με το ιστολόγιό σας για το λόγο ότι το άρθρο σας είναι πολύ αποκλειστικό και αποτελεσματικό για τον νέο αναγνώστη.

  8. Avatar Khushi tyagi λέει:

    Είναι πραγματικά χρήσιμο… Για τις εξετάσεις μαθημάτων μου..

  9. Avatar Greeshma umrao λέει:

    Είναι πραγματικά καλό. Βοηθήστε με πολύ, ευχαριστώ που το ανεβάσατε.

  10. Avatar Ram Pratap Singh λέει:

    Ευχαριστώ, είναι πολύ χρήσιμο για μένα να παρακολουθήσω τη συνέντευξη

  11. Avatar Σαμουήλ λέει:

    Σας ευχαριστώ πολύ που με βοηθήσατε να γνωρίζω την HTML

  12. Avatar ΜΑΝΜΟΧΑΝ λέει:

    ωραίο κουίζ και ιστότοπος, ξέρω ότι έχω κάνει πολλή σκληρή δουλειά για να το φτιάξω

  13. Avatar είπε λέει:

    Hi
    Προσπαθώ να κωδικοποιήσω μια διεπαφή Αριθμομηχανής
    Αντιμετωπίζω δύο προβλήματα:
    1) γιατί οι διαστάσεις αυτών των κουμπιών (.,+) δεν είναι ακριβείς
    2) γιατί αυτός ο κωδικός:

    .στυλ {
    περιθώριο: 0 αυτόματο;

    δεν κεντράρει τη διεπαφή;
    Παρεμπιπτόντως το πρόγραμμα περιήγησής μου είναι Edge
    Ευχαριστώ

    Οι κώδικες html μου:

    Διασύνδεση αριθμομηχανής

    0

    7
    8
    9

    4
    5
    6

    1
    2
    3

    0
    .
    ±

    ×
    +
    -

    ÷
    =
    Καθαρισμός

    .κουμπί {
    χρώμα φόντου: rgb(81, 122, 121);
    περίγραμμα: 7 px στερεά rgb(213, 236, 213);
    άσπρο χρώμα;
    συμπλήρωση: 10px 45px;
    μέγεθος γραμματοσειράς: 25px;
    }

    .button20 {
    χρώμα φόντου: rgb(36, 117, 117);
    συμπλήρωση: 15px 32px;
    κείμενο-ευθυγράμμιση: δεξιά?
    Πλάτος: 285px?
    ύψος: 45px?
    }

    .button19 {
    συμπλήρωση: 10px 20px;
    }

    .στυλ {
    περιθώριο: 0 αυτόματο;
    }

    1. Avatar Σίμριν Παλ Σινγκ λέει:

      Δώστε πλάτος με περιθώριο 0 αυτόματα

  14. Avatar Κερθή λέει:

    Html Learner. Ελπίζω η τάξη σας να είναι πολύ χρήσιμη για μένα.

  15. Avatar Τζάκι Μπάι λέει:

    διάολο, ποιος είναι ο σωστός τρόπος της ετικέτας img html

  16. Avatar Mahalingappa Birajdar λέει:

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

Αφήστε μια απάντηση

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται *