Υπάρχει διαφορά μεταξύ ιδιοτήτων και χαρακτηριστικών στο σχεδιασμό ιστοσελίδων;


Απάντηση 1:

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

Αγγλικός ορισμός:

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

Σε περιβάλλον HTML:

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

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

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

Επιπλέον, τα διαφορετικά στοιχεία DOM έχουν διαφορετικές ιδιότητες. Για παράδειγμα, ένα το στοιχείο έχει μια ιδιότητα αξίας που δεν υπάρχει σε a ιδιοκτησία.

Παράδειγμα:

Ας πάρουμε το ακόλουθο έγγραφο HTML:

γεια

Στη συνέχεια, επιθεωρούμε το , στην κονσόλα JS:

 console.dir (document.getElementById ('foo'));

Βλέπουμε τις ακόλουθες ιδιότητες DOM (chrome devtools, δεν εμφανίζονται όλες οι ιδιότητες):

  • Μπορούμε να δούμε ότι το id χαρακτηριστικού στο HTML είναι τώρα επίσης ιδιότητα id στο DOM. Το id έχει αρχικοποιηθεί από το HTML (αν και θα μπορούσαμε να το αλλάξουμε με javascript). Μπορούμε να δούμε ότι το χαρακτηριστικό κλάσης στην HTML δεν έχει αντίστοιχη ιδιότητα κλάσης (η κλάση είναι αποκλειστική λέξη-κλειδί στο JS). Αλλά στην πραγματικότητα 2 ιδιότητες, classList, και className.

Πάρτε το μεγάλο σχέδιο ιστοσελίδων από τον καλύτερο σχεδιασμό ιστοσελίδων στο Λίβανο μέσα σε έναν προϋπολογισμό. Ελέγξτε έξω ολόκληρα σχέδια εμπειρογνωμόνων και λάβετε τη λύση σας, Weispire Solutions Ltd.