HTML: Χαρακτηριστικά στοιχείων. Ιδιότητες και Ιδιότητες

Αποθηκεύστε αυτήν τη σελίδα για να δοκιμάσετε τα παρακάτω παραδείγματα.

Η βιβλιοθήκη jQuery σάς επιτρέπει να λαμβάνετε και να ορίζετε τις τιμές των χαρακτηριστικών των στοιχείων που περιέχονται σε ένα αντικείμενο jQuery. Οι μέθοδοι jQuery για εργασία με χαρακτηριστικά περιγράφονται στον παρακάτω πίνακα:

Μέθοδοι εργασίας με χαρακτηριστικά

Μέθοδος	Περιγραφή
attr(όνομα)	Επιστρέφει την τιμή του χαρακτηριστικού με το καθορισμένο όνομα για το πρώτο από τα στοιχεία που περιέχονται σε ένα αντικείμενο jQuery
attr (όνομα, τιμή)	Ορίζει την τιμή του χαρακτηριστικού με το καθορισμένο όνομα για όλα τα στοιχεία που περιέχονται σε ένα αντικείμενο jQuery
attr (αντικείμενο εμφάνισης)	Ορίζει τα χαρακτηριστικά που καθορίζονται στο αντικείμενο εμφάνισης για όλα τα στοιχεία που περιέχονται στο αντικείμενο jQuery
attr (όνομα, λειτουργία)	Ορίζει το καθορισμένο χαρακτηριστικό σε όλα τα στοιχεία που περιέχονται σε ένα αντικείμενο jQuery χρησιμοποιώντας τη συνάρτηση
removeAttr(όνομα), removeAttr(όνομα)	Αφαιρεί χαρακτηριστικά από όλα τα στοιχεία που περιέχονται σε ένα αντικείμενο jQuery
στήριγμα (όνομα)	Επιστρέφει την τιμή της καθορισμένης ιδιότητας για το πρώτο από τα στοιχεία που περιέχονται σε ένα αντικείμενο jQuery
prop (όνομα, τιμή), prop (αντικείμενο εμφάνισης)	Ορίζει την τιμή μιας ή περισσότερων ιδιοτήτων για όλα τα στοιχεία που περιέχονται σε ένα αντικείμενο jQuery
στήριγμα (όνομα, λειτουργία)	Ορίζει την τιμή της καθορισμένης ιδιότητας για όλα τα στοιχεία που περιέχονται σε ένα αντικείμενο jQuery χρησιμοποιώντας τη συνάρτηση
removeProp(όνομα)	Καταργεί την καθορισμένη ιδιότητα από όλα τα στοιχεία που περιέχονται σε ένα αντικείμενο jQuery

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

$(function() ( var srcValue = $("img").attr("src"); console.log("Τιμή χαρακτηριστικού: " + srcValue); ));

Σε αυτό το σενάριο, επιλέγουμε όλα τα στοιχεία img στο έγγραφο και στη συνέχεια χρησιμοποιούμε τη μέθοδο attr() για να πάρουμε την τιμή του χαρακτηριστικού src, το οποίο, όταν διαβάζεται, παράγει μια συμβολοσειρά. Στην κονσόλα εμφανίζεται το ακόλουθο αποτέλεσμα:

Η λήψη της τιμής του χαρακτηριστικού για όλα τα στοιχεία που περιέχονται σε ένα αντικείμενο jQuery επιτυγχάνεται χρησιμοποιώντας τις μεθόδους each() και attr() μαζί:

$(function() ( var srcValue = $("img").each(function(index, element) ( console.log("Τιμή χαρακτηριστικού Src: " + $(this).attr("src")); ) ));

Σε αυτό το σενάριο, από το αντικείμενο HTMLElement που μεταβιβάζεται ως όρισμα στη συνάρτηση, δημιουργείται ένα αντικείμενο jQuery χρησιμοποιώντας τη συνάρτηση $(). Αυτό το αντικείμενο περιέχει ένα μόνο στοιχείο που είναι ιδανικό για τη μέθοδο attr().

Ορισμός τιμών χαρακτηριστικών

Εάν η μέθοδος attr() χρησιμοποιείται για τον ορισμό της τιμής ενός χαρακτηριστικού, τότε η αλλαγή εφαρμόζεται σε όλα τα στοιχεία που περιέχονται στο αντικείμενο jQuery. Έτσι, σε αυτήν την περίπτωση, η μέθοδος συμπεριφέρεται διαφορετικά από ό,τι κατά την ανάγνωση χαρακτηριστικών, όταν επιστρέφεται μόνο η τιμή χαρακτηριστικού ενός στοιχείου. Όταν ορίζετε ένα χαρακτηριστικό, η μέθοδος attr() επιστρέφει ένα αντικείμενο jQuery, που σημαίνει ότι μπορείτε να αλυσιδώσετε τις κλήσεις.

Ένα παράδειγμα σεναρίου που ορίζει την τιμή του χαρακτηριστικού φαίνεται παρακάτω:

$(function() ( $("img")..png"); ));

Αυτό το σενάριο επιλέγει όλα τα στοιχεία img στο έγγραφο και ορίζει το χαρακτηριστικό src σε έναν σύνδεσμο προς την εικόνα lily.png. Η καθορισμένη τιμή εφαρμόζεται σε όλα τα επιλεγμένα στοιχεία, όπως φαίνεται στο σχήμα:

Ρύθμιση πολλαπλών χαρακτηριστικών

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

$(function() ( var attrValues‎ = ( src: "http://site/downloads/jquery/lily.png", στυλ: "border: παχύ συμπαγές κόκκινο" ); $("img").attr( attrValues) ;

Αυτό το σενάριο δημιουργεί ένα αντικείμενο που ορίζει ιδιότητες με το όνομα src και style. Στη συνέχεια, επιλέγονται τα στοιχεία img στο έγγραφο και το αντικείμενο εμφάνισης περνά στη μέθοδο attr(). Η προβολή σελίδας στο παράθυρο του προγράμματος περιήγησης φαίνεται στο σχήμα:

Δυναμική ρύθμιση τιμών χαρακτηριστικών

Οι τιμές που θα εκχωρηθούν σε χαρακτηριστικά μπορούν να προσδιοριστούν κατά το χρόνο εκτέλεσης του σεναρίου μεταβιβάζοντας μια συνάρτηση ως όρισμα στη μέθοδο attr(). Αντίστοιχο παράδειγμα δίνεται παρακάτω:

$(function() ( $("img").attr("src", function(index, oldVal) ( if (oldVal.indexOf("rose") >.png"; ) other if ($(this). closest("#row2").length >.png"; ) )); ));

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

Αφαίρεση χαρακτηριστικών

Τα χαρακτηριστικά μπορούν να αφαιρεθούν (να απεγκατασταθούν) χρησιμοποιώντας τη μέθοδο removeAttr(), όπως φαίνεται στο παρακάτω παράδειγμα.

Πώς να ορίσετε ή να αλλάξετε την τιμή ενός χαρακτηριστικού χρησιμοποιώντας το jQuery

5 (100%) 3 ψήφοι

Η βιβλιοθήκη jQuery παρέχει τη δυνατότητα να ορίσετε ή να αλλάξετε την τιμή των χαρακτηριστικών με δύο τρόπους. Για να ορίσετε και να αλλάξετε την τιμή των χαρακτηριστικών, χρησιμοποιείται η μέθοδος .attr(). Έχουμε ήδη μιλήσει για αυτήν τη μέθοδο - εκτός από την εγκατάσταση ή την αλλαγή, χρησιμοποιώντας αυτήν τη μέθοδο μπορούμε .

Σύνταξη της μεθόδου .attr() για να ορίσετε/αλλάξετε την τιμή

• attr (όνομα, τιμή)
  • Ορίζει το καθορισμένο χαρακτηριστικό στην τιμή που πέρασε για όλα τα στοιχεία στο αντικείμενο jQuery.
• Επιλογές
  • όνομα — (Συμβολοσειρά) Το όνομα του χαρακτηριστικού που θα οριστεί.
  • value — (String | Number | Boolean | Function) Καθορίζει την τιμή του χαρακτηριστικού, το οποίο μπορεί να είναι οποιαδήποτε έκφραση JavaScript. Οποιαδήποτε τιμή εκτός από συνάρτηση μετατρέπεται σε συμβολοσειρά. Η συνάρτηση καλείται για κάθε στοιχείο του συνόλου, περνώντας το ευρετήριο του στοιχείου και την τρέχουσα τιμή του χαρακτηριστικού με το δεδομένο όνομα στο στοιχείο. Η τιμή που επιστρέφεται από τη συνάρτηση γίνεται η τιμή του χαρακτηριστικού.
• Επιστροφές
  • Συλλογή jQuery.

Παράδειγμα χρήσης:

$("#my_image").attr("title", "My Image");

Η πρώτη επιλογή χρήσης της μεθόδου φαίνεται απλή με την πρώτη ματιά, αλλά δεν είναι! Όπως ήδη καταλάβαμε, η δεύτερη παράμετρος (τιμή) της μεθόδου .attr() παίρνει την τιμή που θα οριστεί. Η τιμή μπορεί να είναι οποιαδήποτε έκφραση JavaScript που θα επιστρέψει τελικά μια συμβολοσειρά.

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

Παράδειγμα χρήσης ως τιμή της συνάρτησης μεθόδου .attr():

$("").attr("τίτλος", συνάρτηση(index, previousValue) (επιστροφή previousValue + "Είμαι το στοιχείο " + index + " και το όνομά μου είναι " + (this.id || "unset"); ));

Με αυτή τη μέθοδο βρίσκουμε όλα τα στοιχεία HTML στη σελίδα που έχουν χαρακτηριστικό τίτλο και αλλάζουμε το χαρακτηριστικό κάθε στοιχείου. Η αλλαγή πραγματοποιείται προσθέτοντας στην υπάρχουσα τιμή μια συμβολοσειρά που έχει κατασκευαστεί χρησιμοποιώντας το ευρετήριο του στοιχείου στο DOM και το αναγνωριστικό χαρακτηριστικών κάθε συγκεκριμένου στοιχείου, εάν υπάρχει, ή αλλιώς μια συμβολοσειρά "unset" (σας επιτρέπει να επαναφέρετε όλες τις ρυθμίσεις).

Η δεύτερη χρήση της μεθόδου .attr() είναι ο ορισμός/αλλαγή της τιμής πολλών χαρακτηριστικών κάθε φορά.

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

• attr(χαρακτηριστικά)
  • Χρησιμοποιεί τις ιδιότητες και τις τιμές που καθορίζονται από το αντικείμενο που πέρασε για να ορίσει τα κατάλληλα χαρακτηριστικά σε όλα τα στοιχεία του αντίστοιχου συνόλου.
• Επιλογές
  • όνομα— (Συμβολοσειρά) Το όνομα του χαρακτηριστικού που θα οριστεί.
  • γνωρίσματα— Ένα αντικείμενο του οποίου οι ιδιότητες αντιγράφονται ως χαρακτηριστικά σε όλα τα στοιχεία του συνόλου.
• Επιστροφές
  • Συλλογή jQuery.

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

Παράδειγμα χρήσης:

$("input").attr(( value: "", placeholder: "Search the site", title: "Please enter a value" ));

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

ΠΡΟΕΙΔΟΠΟΙΗΣΗ

Η αλλαγή του χαρακτηριστικού τύπου ενός στοιχείου εισόδου ή κουμπιού που δημιουργείται μέσω της μεθόδου document.createElement() οδηγεί σε εξαίρεση στον Internet Explorer 6 - 8.

Τελευταία ενημέρωση: 1/11/2015

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

Ιδιότητες και ιδιότητες στοιχείων

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

Τα χαρακτηριστικά είναι στοιχεία σήμανσης στοιχείων, όπως id, στυλ, κλάση και πολλά άλλα. Οι ιδιότητες αντιπροσωπεύουν στοιχεία αντικειμένων javascript.

Παρά τη διαφορά αυτή, υπάρχει μια αντιστοίχιση μεταξύ ιδιοτήτων και ιδιοτήτων. Έτσι, το χαρακτηριστικό id θα αντιστοιχεί στην ιδιότητα id. Για παράδειγμα, έχουμε έναν σύνδεσμο:

Δηλαδή, η τιμή του χαρακτηριστικού id θα εμφανίζεται στην κονσόλα. Ταυτόχρονα, δεν έχουν όλα τα χαρακτηριστικά κλάσεις με το ίδιο όνομα. Έτσι, το χαρακτηριστικό class αντιστοιχεί στην ιδιότητα className.

Αλλαγή Ιδιοτήτων

Για να εργαστείτε με ιδιότητες, το jQuery έχει μια μέθοδο prop(). Για να λάβουμε τιμές ιδιοτήτων, πρέπει να περάσουμε το όνομα της ιδιότητας σε αυτήν τη μέθοδο. Για παράδειγμα, με αυτόν τον τρόπο μπορούμε να λάβουμε όλες τις διευθύνσεις συνδέσμων σε μια σελίδα:

$("a").each(function(index,elem)(console.log($(elem).prop("href")); ));

Για να αλλάξετε την τιμή μιας ιδιότητας, πρέπει απλώς να μεταβιβάσετε τη νέα τιμή ως δεύτερη παράμετρο:

$("a").first().prop("href","33.html");

Αφαίρεση ιδιοτήτων

Για να αφαιρέσουμε ιδιότητες, μπορούμε να χρησιμοποιήσουμε τη μέθοδο removeProp("property_name"):

$("a").first().removeProp("href");

Μετά από αυτό, στην ιδιότητα θα εκχωρηθεί μια νέα τιμή: undefined , η οποία θα υποδεικνύει ότι η ιδιότητα δεν έχει οριστεί.

Εργασία με χαρακτηριστικά

Η εργασία με χαρακτηριστικά είναι από πολλές απόψεις παρόμοια με την εργασία με ιδιότητες. Έτσι, για να λάβουμε την τιμή του χαρακτηριστικού ενός στοιχείου, πρέπει να χρησιμοποιήσουμε τη μέθοδο attr("attribute_name"):

$("a").each(function(index,elem)(console.log($(elem).attr("href")); ));

Η δράση αυτής της μεθόδου είναι παρόμοια με αυτή που δίνεται για τη μέθοδο prop: έξοδος στην κονσόλα όλων των διευθύνσεων συνδέσμων.

Και περνώντας μια τιμή ως δεύτερη παράμετρο στη μέθοδο attr, μπορείτε να ορίσετε μια νέα τιμή για το χαρακτηριστικό:

$("a").first().attr("href","33.html");

Και επίσης για να αφαιρέσουμε τιμές χαρακτηριστικών, μπορούμε να χρησιμοποιήσουμε τη μέθοδο removeAttr("attribute_name"):

$("a").first().removeAttr("href");

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

Προσαρμοσμένα χαρακτηριστικά HTML5

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

• Ιάβα
• C/C++

Για την εργασία με τέτοια χαρακτηριστικά, χρησιμοποιείται η μέθοδος δεδομένων. Έχει τις εξής περιπτώσεις χρήσης:

data("όνομα χαρακτηριστικού"): Λαμβάνει την τιμή χαρακτηριστικού του πρώτου στοιχείου του συνόλου. Το όνομα χαρακτηριστικού χωρίς πρόθεμα μεταβιβάζεται ως παράμετρος δεδομένα-

Έτσι, μπορούμε να πάρουμε την τιμή του χαρακτηριστικού από το προηγούμενο παράδειγμα ως εξής:

Console.log($("ul").data("έτος"));

data() : Επιστρέφει ένα αντικείμενο javascript που περιέχει ένα σύνολο χαρακτηριστικών και τις τιμές τους ως ζεύγη κλειδιού-τιμής.

Για παράδειγμα, ας υποθέσουμε ότι έχουμε ένα στοιχείο με δύο χαρακτηριστικά:

Στη συνέχεια, η μέθοδος data() θα επέστρεφε το αντικείμενο (περιγραφή:"lang", έτος:"2010") . Και για να λάβετε την τιμή ενός μεμονωμένου χαρακτηριστικού, μπορείτε να γράψετε ως εξής:

Console.log($("ul").data().year);

data("χαρακτηριστικό", "νέα τιμή") : ορίζει την τιμή του χαρακτηριστικού στη συμβολοσειρά που μεταβιβάζεται ως δεύτερη παράμετρος:

$("ul").first().data("έτος", "2012");

Η νέα τιμή μπορεί επίσης να είναι ένα ολόκληρο αντικείμενο javascript και αυτό το χαρακτηριστικό θα περιέχει ολόκληρο αυτό το αντικείμενο ως τιμή:

$("ul").first().data("lang", ( rate: "tiobe", έτος: 2012 ));

Εάν θέλουμε να αφαιρέσουμε ένα χαρακτηριστικό, τότε για να το κάνουμε αυτό πρέπει να χρησιμοποιήσουμε τη μέθοδο removeData("attribute_name").

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

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

Πώς να γράψετε χαρακτηριστικά;

Τα χαρακτηριστικά είναι δεσμευμένες λέξεις (όπως ετικέτες, μόνο χωρίς αγκύλες), αλλά η σημασία τους μπορεί να είναι διαφορετική. Ακριβώς όπως οι ετικέτες, συνιστάται να γράφετε χαρακτηριστικά με τιμές με μικρά γράμματα, αν και τα προγράμματα περιήγησης, γενικά, δεν ενδιαφέρονται - αυτός είναι απλώς ένας κανόνας καλών τρόπων: στα ρωσικά, ΕΠΙΣΗΣ ΔΕΝ ΧΡΗΣΙΜΟΠΟΙΕΙΤΑΙ ΓΙΑ ΓΡΑΦΗ ΟΤΑΝ ΚΛΕΙΔΩΜΑ ΚΕΦΑΛΑΙΩΝ ΕΙΝΑΙ ΕΝΕΡΓΟΠΟΙΗΜΕΝΟ. Γιατί η HTML είναι χειρότερη;

Οι τιμές των χαρακτηριστικών γράφονται με την ακόλουθη μορφή:

Χαρακτηριστικό=”value” lang=”en”

Θα πρέπει πάντα να γράφετε χαρακτηριστικά μέσα στην αρχική ετικέτα, μετά τη δεσμευμένη λέξη.

Παράγραφος

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

Καθολικές ιδιότητες

Κάθε ετικέτα HTML έχει το δικό της σύνολο χαρακτηριστικών. Ορισμένα χαρακτηριστικά μπορεί να είναι διαθέσιμα για πολλές ετικέτες, ενώ άλλα μπορεί να λειτουργούν μόνο με μία. Υπάρχει επίσης μια ομάδα καθολικών (καθολικών) χαρακτηριστικών που μπορούν να χρησιμοποιηθούν με οποιαδήποτε ετικέτα. Ας δούμε εν συντομία τα χαρακτηριστικά αυτής της κατηγορίας.

• κλειδί πρόσβασηςσας επιτρέπει να ορίσετε μια συντόμευση πληκτρολογίου για πρόσβαση σε ένα συγκεκριμένο αντικείμενο σελίδας. Για παράδειγμα, μπορείτε να χρησιμοποιήσετε τη συντόμευση πληκτρολογίου για να Alt+1ο χρήστης ακολούθησε έναν συγκεκριμένο σύνδεσμο. Έτσι, αναπτύξτε ένα βασικό σύστημα πλοήγησης.

Η τιμή του χαρακτηριστικού μπορεί να είναι αριθμοί 0-9 ή γράμματα του λατινικού αλφαβήτου:

Ο σύνδεσμος θα ανοίξει πατώντας το συνδυασμό πλήκτρων με ένα

• τάξησας επιτρέπει να συσχετίσετε μια ετικέτα με μια προκαθορισμένη σχεδίαση χρησιμοποιώντας CSS. Η χρήση ενός χαρακτηριστικού σάς επιτρέπει να μειώσετε σημαντικά τον κώδικα, επειδή αντί να εισάγετε επανειλημμένα το ίδιο μπλοκ CSS, μπορείτε απλώς να εισαγάγετε το όνομα της αντίστοιχης κλάσης.
• Με τη χρήση ικανοποιητικός επεξεργάσιμοςμπορείτε να επιτρέψετε στον χρήστη να επεξεργαστεί οποιοδήποτε στοιχείο της σελίδας HTML: διαγραφή, εισαγωγή, αλλαγή κειμένου. Το ίδιο χαρακτηριστικό καθιστά δυνατή την επεξεργασία και την απενεργοποίηση. Έχει μόνο δύο έννοιες: αληθής- να επιτρέπεται η επεξεργασία, ψευδής- απαγόρευση.
• Χρησιμοποιώντας το χαρακτηριστικό μενού περιβάλλοντοςΜπορείτε να αντιστοιχίσετε οποιοδήποτε στοιχείο του εγγράφου με μοναδικά στοιχεία μενού περιβάλλοντος κατά την κρίση σας. Το ίδιο το μενού δημιουργείται στην ετικέτα , και στο χαρακτηριστικό μενού περιβάλλοντος δίνεται το αναγνωριστικό του.
• σκηνκαθορίζει την κατεύθυνση του κειμένου: από αριστερά προς τα δεξιά (ltr)ή από δεξιά προς τα αριστερά (rtl).
• σύρσιμοσας επιτρέπει να απαγορεύσετε (ψευδής)ή επιτρέψτε (αληθής)ο χρήστης μπορεί να σύρει και να αποθέσει ένα στοιχείο σελίδας που διαθέτει αυτό το χαρακτηριστικό.
• dropzoneλέει στο πρόγραμμα περιήγησης τι να κάνει με το στοιχείο που έχει συρθεί: copy(value αντίγραφο), μετακίνηση ( κίνηση) ή δημιουργήστε έναν σύνδεσμο προς αυτό (σύνδεσμος).
• κεκρυμμένος- ένα χαρακτηριστικό που σας επιτρέπει να αποκρύψετε το περιεχόμενο ενός στοιχείου έτσι ώστε να μην εμφανίζεται στο πρόγραμμα περιήγησης. Εάν το χαρακτηριστικό οριστεί σε false, το αντικείμενο εμφανίζεται, true - είναι κρυφό.
• ταυτότητακαθορίζει το αναγνωριστικό στοιχείου - ένα είδος ονόματος που απαιτείται για την απλή αλλαγή του στυλ του αντικειμένου, καθώς και για την πρόσβαση σε σενάρια. Η τιμή του χαρακτηριστικού θα είναι το όνομά του. Πρέπει να ξεκινά με λατινικό γράμμα και μπορεί να περιέχει αριθμούς, γράμματα του ίδιου λατινικού αλφαβήτου (μεγάλο και μικρό), καθώς και παύλες (-) και υπογραμμίζει (_) . Δεν μπορεί να περιέχει ρωσικά γράμματα.
• langβοηθά το πρόγραμμα περιήγησης να καταλάβει σε ποια γλώσσα είναι γραμμένο το περιεχόμενο και να το διαμορφώσει ανάλογα (για παράδειγμα, οι γλώσσες μπορεί να χρησιμοποιούν διαφορετικά εισαγωγικά). Οι τιμές είναι κωδικοί γλώσσας (Ρωσικά - ru, αγγλικά - enκαι τα λοιπά.).
• ορθογραφικός έλεγχοςπεριλαμβάνει (αληθής)ή απενεργοποιεί (ψευδής)ορθογραφικός έλεγχος. Είναι ιδιαίτερα χρήσιμο να χρησιμοποιείτε το χαρακτηριστικό σε ετικέτες πεδίων φόρμας όπου ο χρήστης θα εισάγει κείμενο.
• στυλσας επιτρέπει να ορίσετε τη σχεδίαση ενός στοιχείου χρησιμοποιώντας κώδικα CSS.
• ευρετήριο καρτελώνκαθιστά δυνατό τον προσδιορισμό πόσες φορές ο χρήστης θα πρέπει να πατήσει το πλήκτρο Tab για να εστιάζει ένα αντικείμενο με αυτό το χαρακτηριστικό. Ο αριθμός των κλικ καθορίζει την τιμή του χαρακτηριστικού - ένας θετικός ακέραιος αριθμός.
• τίτλος- μια επεξήγηση εργαλείου που εμφανίζεται αν μετακινήσετε το ποντίκι σε ένα στοιχείο και το αφήσετε ακίνητο για λίγο. Η γραμμή στο νόημα θα είναι μια υπόδειξη.
• μεταφράζωεπιτρέπει (Ναί)ή απαγορεύει (Όχι)μετάφραση των περιεχομένων της ετικέτας.
• ευθυγραμμίζωορίζει την ευθυγράμμιση του στοιχείου. Για παράδειγμα, μπορείτε να το χρησιμοποιήσετε για να ευθυγραμμίσετε το κείμενο προς τα αριστερά (τιμή αριστερά), κατά μήκος της δεξιάς άκρης ( δικαίωμα), στο κέντρο (κέντρο)ή πλάτος (δικαιολογώ). Για εικόνες (ετικέτα ) είναι επίσης διαθέσιμη η στοίχιση στο επάνω περίγραμμα του ψηλότερου στοιχείου στη γραμμή ( κορυφή), κατά μήκος του κάτω ορίου (κάτω μέρος), και η τιμή μέση κάνει τη μεσαία γραμμή της εικόνας να συμπίπτει με τη γραμμή βάσης της σειράς.

Αξίζει να έχετε κατά νου ότι χρησιμοποιώντας το χαρακτηριστικό ευθυγραμμίζωΔεν συνιστάται και είναι καλύτερο να στοιχίσετε το κείμενο χρησιμοποιώντας CSS.

Παράδειγμα χρήσης χαρακτηριστικών

Ως παράδειγμα, εξετάστε τη γραμμή του κώδικα HTML:

Αυτό το κείμενο μπορεί να επεξεργαστεί

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

Ας δούμε κάθε στοιχείο της γραμμής.

- την ετικέτα ανοίγματος του δοχείου που αποθηκεύει την παράγραφο.

- ετικέτα κλεισίματος.

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

ικανοποιητικός επεξεργάσιμος=”αληθής” - αυτό είναι το χαρακτηριστικό και το νόημά του. Θυμηθείτε πώς στο σχολείο: x=3. Το ίδιο και εδώ: ικανοποιητικός επεξεργάσιμος=”αληθής" Ιδιότης ικανοποιητικός επεξεργάσιμοςκαθορίζει εάν ο χρήστης μπορεί να επεξεργαστεί τα περιεχόμενα του στοιχείου, την τιμή αληθής, γραμμένο σε εισαγωγικά χωρισμένα με σύμβολο ίσου, η επεξεργασία επιτρέπει:

Χαρακτηριστικό=”value” contenteditable=”true”