Αρχική σελίδα » Κωδικοποίηση » 5 Στοιχεία HTML που ίσως δεν γνωρίζετε πώς να χρησιμοποιείτε

    5 Στοιχεία HTML που ίσως δεν γνωρίζετε πώς να χρησιμοποιείτε

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

    Στη σημερινή ανάρτηση, θα εξετάσουμε πέντε στοιχεία HTML, μερικά από τα οποία μπορείτε να χρησιμοποιείτε συχνά, αλλά πιθανότατα όχι στο πλήρες δυναμικό της.

    1.

    ο στοιχείο έχει παρόμοια λειτουργία με το δεδομένα-* γνωρίσματα. Μπορεί να χρησιμοποιηθεί για να παρέχει δεδομένα αναγνώσιμα από μηχανή για ένα φιλικό προς το χρήστη περιεχόμενο. ο αξία χαρακτηριστικό αυτού του στοιχείου φέρει τις πρόσθετες πληροφορίες.

     

    Οι τρεις τόμοι του μυθιστορήματος Άρχοντα των Δακτυλιδιών είναι: Η συντροφιά του δαχτυλιδιού, Οι Δύο Πύργοι, και Η επιστροφή του βασιλιά.

    Τα ISBN των βιβλίων που αναφέρονται σε αυτή τη σελίδα:

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

     const ISBNListBlank = document.querySelector ('# ISBNListBlank') const dataElements = document.querySelectorAll ('δεδομένα'); const ary = []. dataElements.forEach ((dataElement) => ary.push (dataElement.textContent + ':' + dataElement.value)) ISBNListBlank.textContent = ary.join (',') 

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

    2.

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

    Πρέπει μόνο χρησιμοποιήστε την ίδια τιμή για το ταυτότητα χαρακτηριστικό του στοιχείου HTML που θέλετε να ελέγξετε και του Για ιδιότητα του ανήκειν ετικέτα.

       

    Κάντε κλικ στο κείμενο του θα ενεργοποιήστε το Κάντε κλικ γεγονός της