Veb dizaynında xüsusiyyətlər və atributlar arasında fərq varmı?


cavab 1:

HTML fərqini qiymətləndirməzdən əvvəl əvvəlcə bu sözlərin təriflərinə baxaq:

İngilis dili tərifi:

  • Xüsusiyyətlər bir obyekt haqqında əlavə məlumatlara istinad edir. Xüsusiyyətlər bir obyektin xüsusiyyətlərini təsvir edir.

HTML kontekstində:

Brauzer HTML kodunu analiz etdikdə, əsasən HTML kodun yaddaşda təmsil olunması olan bir ağac məlumatı quruluşu yaradır. Ağac məlumat quruluşu HTML elementləri və mətn olan qovşaqları ehtiva edir. Xüsusiyyətlər və xassələr aşağıdakı yollarla əlaqələndirilir:

  • Xüsusiyyətlər müəyyən DOM xüsusiyyətlərini başlatmaq üçün HTML koduna daxil edə biləcəyimiz əlavə məlumatlardır. Xüsusiyyətlər brauzer HTML kodunu təhlil edərkən və DOM-u yaradan zaman yaranır. DOM-dakı elementlərin hər biri öz xüsusiyyətlərinə malikdir, hamısı brauzer tərəfindən təyin olunur. Bu xüsusiyyətlərdən bəziləri üçün ilkin dəyər HTML atributları istifadə edərək təyin edilə bilər. Göstərilən səhifəyə təsir edən DOM mülkiyyəti dəyişərsə, səhifə dərhal yenidən göstərilir

Bu xüsusiyyətlərin xəritələşdirilməsinin 1 ilə 1 arasında olmadığını da bilmək lazımdır. Başqa sözlə, HTML elementini verdiyimiz hər bir atributun eyni adlı DOM mülkiyyəti yoxdur.

Bundan əlavə, fərqli DOM elementləri fərqli xüsusiyyətlərə malikdir. Məsələn, bir element bir əmlak üzərində olmayan bir dəyər mülkiyyətinə malikdir.

Məsələn:

Aşağıdakı HTML sənədini götürək:

Salam

Sonra onları JS konsolunda yoxlayırıq:

 konsol.dir (sənəd.getElementById ('foo'));

Aşağıdakı DOM xüsusiyyətlərini görürük (Chrome Devtools, bütün xüsusiyyətləri göstərilmir):

  • HTML'dəki atribut identifikatorunun indi DOM'dakı bir identifikator olduğunu da görə bilərik. ID HTML kodundan başlandı (Javascript ilə dəyişdirə bilsək də). HTML-dəki sinif atributunda müvafiq sinif mülkiyyətinin olmadığını görə bilərik (sinif JS-də qorunan açar sözdür). Amma əslində 2 xüsusiyyət, classList və className.

Bir büdcə daxilində ən yaxşı Livan veb dizaynından böyük veb dizaynını alın. Bütün mütəxəssis dizaynlarına bir nəzər yetirin və həllini tapın, Weispire Solutions Ltd.