فرق ID و CLASS

[yehnafar]

خوب اين كه مشخصا بر مي گرده به بحث DOM

خوب كامل بگو ... بالاخره چه چيزي علاوه بر كلاس داره كه اصلا بهش نياز هست؟

 

[ehsan]

من تا اونجايي كه بلدم توضيح ميدم:
نتيجه اونا يكيه و از استايلها استفاده ميكنه. استايل هاي ID با علامت # شروع ميشه و استايلهاي Class با علامت . (نقطه)
اصولا شما فقط ميتونين يه دونه ID از يه استايل مشخص توي صفحه استفاده کنيد. (اسمش هم همين معني رو ميده) ولي تعدد کلاسهاي همنام ايرادي نداره.
براي مثال اين درسته:
[code:1]<div id="top" class="classname"> .... </div>



<div id="middle" class="classname"> .... </div>



<div id="bottom" class="classname"> .... </div>

[/code:1]

ولي اين درست نيست:
[code:1]

<div id="classname"> ... </div>



<div id="classname"> ... </div>



<div id="classname"> ... </div>

[/code:1]

از ID براي تگهاي ديگه هم ميشه استفاده کرد.

توصيه مکنم براي راهنمايي بيشتر حتما از گوگل براي پيدا کردن فرق اين دو تا استفاده کنيد.

مخلصيم!

 

[amirnezhad]

خوب كامل بگو ... بالاخره چه چيزي علاوه بر كلاس داره كه اصلا بهش نياز هست؟

ببين اگه تا بحال در مورد DOM چيزي خوندي كه خوب هيچي ولي اگه نخوندي اول يه توضيح كوچك در موردش مي دهم. توي DOM فرض شده كه هر كدام از Tagهاي HTML توي صفحه يك Object هستند و ميشه با توجه به اسمي كه به اونها اختصاص داده مي شه كارهايي رو به صورت Dynamic (يعني روي Browser كسي كه سايت رو ميبينه) انجام داد.
اگه اون Source اولي كه بهت گفتم يادت باشه يك خطي توش بود به اين صورت:
[code:1]<input type="button" value="Change Background Color!" onclick="someID.style.backgroundColor='green';">

</center>[/code:1]
توي اين خط از همين خاصيت استفاده شده براي اينكه وقتي اين كليد زده ميشه مقدار رنگ زمينه Objectي كه اسمش someID است به سبز تبديل بشه.
و البته اين تغييرات هم بصورت تغيير نمايشي و هم بصورت تغييرات محتوايي است.

حالا ميشه يك نظر ديگه هم در اين مورد داشت اونهم اينكه وقتي اومدن و ID رو اضافه كردن به HTML تا DOM رو ساپورت كنه براي مقدار دهي اوليه به خصوصيات نمايشي اون بلوك اومدن و كاري كردن كه بشه با CSS اين خصوصيات رو مشخص كرد!!! (به اين ميگن تز دكترا )

 

[amirnezhad]

از ID براي تگهاي ديگه هم ميشه استفاده کرد.

و البته از كلاس هم همينطور!!!

 

[yehnafar]

چه قدر خوب شد احسان اقلا يه توجهي هم اينجا كرد... ببينيد اين تفاوت ها رو من هم فهميدم. سرچ هم كردم و اونجا ها هم همين تفاوتي كه احسان هم گفت گفته بودن... ولي الان مشكل من اينه كه اين چيز هايي كه خوندم و مثلا احسان هم تاييد مي كنه رو با مثلا سورس هودر كه نومنه اش رو گذاشتم تو همين تاپيك نمي خونه. هودر در فايل سي اس اس خودش فقط و فقط از اي دي استفاده كرده. البته علتشو من با همين توضيحات فهميدم ولي اين كه گفته ميشه (و همه هم مي گن!) كه اي دي رو فقط يه بار ميشه تو صفحه استفاده كرد رو تو سورس هودر مثلا كاملا برعكسه! اينه كه منو به تناقض مي كشونه. احسان اگر لطف كنه و اين مشكلو حل كنه قضيه تمومه گمانم....

 

[amirnezhad]

چه قدر خوب شد احسان اقلا يه توجهي هم اينجا كرد... ببينيد اين تفاوت ها رو من هم فهميدم. سرچ هم كردم و اونجا ها هم همين تفاوتي كه احسان هم گفت گفته بودن... ولي الان مشكل من اينه كه اين چيز هايي كه خوندم و مثلا احسان هم تاييد مي كنه رو با مثلا سورس هودر كه نومنه اش رو گذاشتم تو همين تاپيك نمي خونه. هودر در فايل سي اس اس خودش فقط و فقط از اي دي استفاده كرده. البته علتشو من با همين توضيحات فهميدم ولي اين كه گفته ميشه (و همه هم مي گن!) كه اي دي رو فقط يه بار ميشه تو صفحه استفاده كرد رو تو سورس هودر مثلا كاملا برعكسه! اينه كه منو به تناقض مي كشونه. احسان اگر لطف كنه و اين مشكلو حل كنه قضيه تمومه گمانم....

ببين شايد بشه اين مورد رو يجور توجيه كرد!!!
مثلا از لحاظ استاندارد HTML هميشه بايد توي Tag مربوط به تصاوير (IMG) مقداري هم به alt داده بشه حتي اگه مقدارش خالي باشه! به اين معني كه:
[code:1]<img src="{picture url}" alt="">[/code:1]
از نظر HTML استاندارد است ولي
[code:1]<img src="{picture url}">[/code:1]
استاندارد نيست در حالي كه در هر دو حالت هم مشكلي پيش نمياد و عكس توي صفحه نمايش داده ميشه!!!

حالا از نظر استاندارد گفته ميشه كه (بدليل اينكه در واقع ID اسم يك Object توي صفحه است) توي يك صفحه فقط بايد يك بار استفاده بشه اما اگه كسي نخواهد از خصوصيتهاي اين Object توي DOM استفاده كنه و از يك ID چند بار توي صفحه استفاده كنه مشكلي براش پيش نمياد (در حالي كه اين حالت مطابق با استاندارد نيست!).

نميدونم تونستم منظورم رو بفهمونم يا نه؟ ولي اميدوارم كه فهميده باشي!
[/code]

 

[yehnafar]

دقيقا علي جان... من خودم ديروز به همين نتيجه رسيدم. ايشالا يه جمع بندي رو اگر وقت كنم ميارم اينجا تا بقيه هم اگر بعدا رجوع كردن گيج نشن...

 

[ehsan]

ممنون. نتيجه رو اينجا هم بنويس.