فوری: مزیت تگ مربوط به Div

[odiseh]

سلام
آقا من می خوام بدونم که فلسفه وجودی تگ Div چیه؟ یعنی اگه این تگ نبود، چه کارهایی رو نمی تونستیم انجام بدیم؟
و ثانیا چرا از OverLay توی Div استفاده می کنیم؟

[raziee]

یکی از کاربرد هاش میتونه استفاده به جای جداول باشه.
این رو بخون:
جداول از متداول ترين عناصر بكار گرفته شده در صفحات HTML هستند. آنها يكي از مهمترين تگهاي HTML براي فرمت بندي و شكل دهي صفحات بشمار ميروند.براي مثال اگر بخواهيد صفحه خود را به چند بخش تقسيم كنيد يا براي ايجاد نوار رنگي كه در گوشه صفحه بكار گيري تگهاي جدول ميتواند شما را به هدف نزديك كند. اما جداول معايبي دارند. اول اينكه پردازش اين كد و محتويات آن براي مروگر وقت بيشتري ميگيرد و مهمتر اينكه اكثر مرورگرها تا دانلود كامل تمام متنها و ديگر دستورات HTML موجود در يك جدول صبر ميكنند و سپس آنرا نمايش ميدهند.براي مثال اگر شما صفحه وبلاگ خود را با جدول تقسيم بندي كرده ايد و تمام مطالب ماه جاري را در سلولهاي اين جدول نوشته ايد و يا حتي در جداولي در زير مجموعه اين جدول نوشته ايد خواننده بايستي تا دانلود كامل تمامي مطالب ماه جاري صبر كند و البته گزينه بهتري نيز وجود دارد و آنكه در هنگامي كه جديدترين يادداشت نمايش داده شده است و خواننده مشغول خواندن آن است ديگر مطالب نيز به ترتيب دانلود و نمايش داده شوند. امروزه طراحان وب براي رسيدن به اين مقصود بجاي تگ Table از تگهاي DIV و يا SPAN استفاده ميكنند . اين تگها اگرچه عملكردي دقيقا مانند جدوال ندارند. اما براي رفع بسياري از نيازها مانند نوار رنگي در كنار مطالب وبلاگ و رنگي نمودن و يا تعيين مكان يك محدوده كارآمدتر و سريعتر از تگهاي Table هستند.(براي مثال اگر مايليد مطالب هر پست در پس زمينه اي با رنگ متفاوت نمايش داده شوند تگ DIV همراه با STYLE نظر شما را تامين ميكنند.)
--------------
منبع : مجله بلاگفا (http://journal.blogfa.com/)

[mehdi.mousavi]

سلام آقا من می خوام بدونم که فلسفه وجودی تگ Div چیه؟ یعنی اگه این تگ نبود، چه کارهایی رو نمی تونستیم انجام بدیم؟ و ثانیا چرا از OverLay توی Div استفاده می کنیم؟

سلام.
اگر HTML رو یک Structured Document ببینید، می دونید که برای قرار دادن برخی از Element ها در این Document، تگ هایی وجود داره، مثل address، cite، blockquote، dd، dl، dt و ... که توصیه میشه در صورت وجود تگ مورد نظرتون در لیست Tag های از پیش تعریف شده در HTML، از اونها استفاده کنید. بعنوان مثال، برای قرار دادن لیستی از واژه ها در Document مورد نظر، از dl باید استفاده کرد (definition list).

اما در بسیاری از موارد هم اطلاعاتی وجود داره که براشون Tag ای از قبل تعریف نشده، در نتیجه، دو تگ Span و Div برای این کار بوجود اومدن. div برای جداسازی منطقی بخشهای صفحه و span برای جداسازی اجزای درونی هر بخش، مورد استفاده قرار می گیره.

برای اطلاعات بیشتر، می تونید به بخش 1.2 از کتاب CSS: The missing manual (http://www.amazon.com/CSS-Missing-Manual-David-McFarland/dp/0596526873) مراجعه کنید. در این کتاب، به این سوال، و بسیاری از سوالات دیگه شما پاسخ داده شده.

[odiseh]

دوستان با تشکر فراوان از هر دوی شما.