Πώς να χρησιμοποιήσετε καλύτερα την ετικέτα ήχου σε HTML;



Αυτό το άρθρο παρουσιάζει ένα ενδιαφέρον θέμα που αφορά την ανάπτυξη ιστού που είναι ηχητική ετικέτα σε HTML με πρακτική επίδειξη.

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

Ας ξεκινήσουμε λοιπόν,





Ετικέτα ήχου σε HTML

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

Η HTML από μόνη της δεν μπορεί να ταιριάξει με μερικά από τα πιο αγαπημένα σχέδια που βλέπουμε σήμερα. Απαιτείται βοήθεια και αυτό παρέχεται από CSS ή Φύλλο Cascading Style . HTML & CSS μπορούν να χρησιμοποιηθούν μαζί για να δημιουργήσουν μερικές ελκυστικές ιστοσελίδες.



Ετικέτες και χαρακτηριστικά σε HTML

Αυτά και τα δύο είναι τα βασικά του HTML και λειτουργούν μαζί αλλά εκτελούν διαφορετικές λειτουργίες.

Ετικέτες: Οι ετικέτες χρησιμοποιούνται για να επισημάνουν την αρχή του στοιχείου HTML και περικλείονται από τις γωνιακές αγκύλες.



Παράδειγμα:

Η παραπάνω ετικέτα είναι η ετικέτα επικεφαλίδας σε HTML.

Χαρακτηριστικά: Αυτές είναι οι πρόσθετες πληροφορίες σχετικά με τις ετικέτες και καθορίζονται εντός της ετικέτας.



βαθιά μάθηση έναντι μηχανικής μάθησης έναντι αναγνώρισης προτύπων

Παράδειγμα:

<π.χ. src='Hello_world.jpg' τα παντα='Μου πρώτα πρόγραμμα'>

Η παραπάνω ετικέτα είναι ετικέτα εικόνας και alt είναι το χαρακτηριστικό για την ετικέτα και παρέχει την περιγραφή για την εικόνα hello_world.jpg

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

Προχωρώντας με αυτήν την ετικέτα ήχου σε HTML,

Ετικέτα ήχου

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

Παράδειγμα:

Το πρόγραμμα περιήγησής σας δεν υποστηρίζει την ετικέτα ήχου.

GitHub Gist Link:

Έξοδος - Ετικέτα ήχου σε HTML - Edureka

Έτσι εμφανίζεται ένας ήχος στην ιστοσελίδα.

Η γραμμή που περιέχει το μήνυμα ότι η ετικέτα ήχου δεν υποστηρίζεται εμφανίζεται εάν το πρόγραμμα περιήγησης που χρησιμοποιεί ο χρήστης δεν υποστηρίζει την ετικέτα ήχου.Η ετικέτα ήχου εισήχθη στο HTML 5. Έτσι, τα προγράμματα περιήγησης που δεν υποστηρίζουν το HTML 5 δεν θα υποστηρίζουν την ετικέτα ήχου.

Προχωρώντας με αυτήν την ετικέτα ήχου σε HTML,

Χαρακτηριστικά ήχου ετικέτας

Τα χαρακτηριστικά για την ετικέτα ήχου είναι:

  • Αυτόματη αναπαραγωγή: Διασφαλίζει ότι ο ήχος θα αρχίσει να παίζει μόλις φορτωθεί στην ιστοσελίδα.
  • Έλεγχοι: Καθορίζει ότι τα χειριστήρια ήχου όπως το κουμπί αναπαραγωγής και παύσης θα εμφανίζονται στην ιστοσελίδα.
  • Βρόχος: Καθορίζει ότι ο ήχος στην ιστοσελίδα θα αναπαράγεται στο βρόχο, δηλαδή ξανά και ξανά.
  • Σίγαση: Διασφαλίζει ότι η έξοδος ήχου από την ετικέτα ήχου θα τεθεί σε σίγαση, δηλαδή δεν θα υπάρχει ήχος.
  • Προφόρτωση: Καθορίζει το εάν και πώς από την πλευρά του δημιουργού, δηλαδή πώς ο συγγραφέας θέλει να φορτωθεί ο ήχος κατά τη φόρτωση της ιστοσελίδας.
  • Src: Καθορίζει την πηγή του αρχείου, δηλ. Τη διεύθυνση του αρχείου ήχου που πρόκειται να χρησιμοποιηθεί.

Σημείωση: Η ετικέτα ήχου υποστηρίζει επίσης τα καθολικά χαρακτηριστικά σε HTML όπως accesskey, class, dir, dropzone, hidden, id, lang, style.

Αυτό μας φέρνει στο τέλος αυτού του άρθρου σχετικά με την ετικέτα ήχου σε HTML.

Τώρα που ξέρετε τι είναι HTML, ρίξτε μια ματιά στο από την Edureka. Η Εκπαίδευση Πιστοποίησης Ανάπτυξης Ιστού θα σας βοηθήσει να μάθετε πώς να δημιουργείτε εντυπωσιακούς ιστότοπους χρησιμοποιώντας HTML5, CSS3, Twitter Bootstrap 3, jQuery και Google APIs και να το αναπτύξετε στο Amazon Simple Storage Service (S3).

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