جار التحديث ...
جار التحديث ...

ماهو الافضل التقسم بال div ام بالtable؟

  • 0

اريد الطريقة الافضل لتقسم لصفحة

إجابات المستخدمين (7)


  • شريك الإطلاق
  • عضو جديد
  • قبل أشهر 7

بعد اصدار Html5 الاخير قام العديد من المطورين بالانتقال من الـ table  الى الـ divs و هذا يكمن لعدة اسباب 
الاول و الاهم كمية التعقيد التي تمتلكها الـ table فالمشار اليه يمتلك العديد من الاوسمة كـ <table> التي تعرف بالجدول و الـ tr لكل صف و الـ td لكل خليه و ناهيك عن الـ <thead> و
الـ <tbody> التان ليس لهما داعي للتغيير في هيكلة الجدول بالفقط لأسباب seo و لفهم اهميتها المتصفح و كذالك بعض الــسمات atributes مثل  colspan  و  rowspan
التان تجعلان الكود معقد اكثر من اللزوم و بدل التركيز على الاهم تجد نفسك غارق في تلك الاوسمة و اليك مثال على الفرق بين وسمين 

<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td colspan="3" height="120px">....</td>
    </tr>
    <tr>
        <td class="menu" valign="top">...</td>
        <td class="content" valign="top">...</td>
        <td class="aSide" valign="top">...</td>
    </tr>
    <tr>
        <td colspan="3">...</td>
    </tr>
</table>
Markup

هذه طريقة استخدام الـ table و في المقابل 

<div id="header">...</div>
<div id="menu">...</div>
<div id="content">...</div>
<div id="aSide">...</div>
<div id="footer">...</div>
Markup

و اما هذه الشيفرة التي تؤدي الى نفس ما تؤدي له الشيفرة التي تسبقها لكن بسهوله اكبر و قابليه للقراءة و باستعمال وسم واحد لا غير كما انها متوافقه مع المتصفحات 
بالاضافة الى الكثير من المزايا الاخرى مثل التوافقيه مع الاجهزة الهاتفيه و الامكانيه لتصميم صفحات متجاوبه مع جميع الاحجام

و كما ترى فالإجابة على سؤالك بكل وضوح تقسيم الصفحات باستخدام الـ divs افضل بمرات كثيره 

 

  •  

 


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد

بعد اصدار Html5 الاخير قام العديد من المطورين بالانتقال من الـ table  الى الـ divs و هذا يكمن لعدة اسباب 
الاول و الاهم كمية التعقيد التي تمتلكها الـ table فالمشار اليه يمتلك العديد من الاوسمة كـ <table> التي تعرف بالجدول و الـ tr لكل صف و الـ td لكل خليه و ناهيك عن الـ <thead> و
الـ <tbody> التان ليس لهما داعي للتغيير في هيكلة الجدول بالفقط لأسباب seo و لفهم اهميتها المتصفح و كذالك بعض الــسمات atributes مثل  colspan  و  rowspan
التان تجعلان الكود معقد اكثر من اللزوم و بدل التركيز على الاهم تجد نفسك غارق في تلك الاوسمة و اليك مثال على الفرق بين وسمين 

<table cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td colspan="3" height="120px">....</td>
    </tr>
    <tr>
        <td class="menu" valign="top">...</td>
        <td class="content" valign="top">...</td>
        <td class="aSide" valign="top">...</td>
    </tr>
    <tr>
        <td colspan="3">...</td>
    </tr>
</table>

هذه طريقة استخدام الـ table و في المقابل 

<div id="header">...</div>
<div id="menu">...</div>
<div id="content">...</div>
<div id="aSide">...</div>
<div id="footer">...</div>

و اما هذه الشيفرة التي تؤدي الى نفس ما تؤدي له الشيفرة التي تسبقها لكن بسهوله اكبر و قابليه للقراءة و باستعمال وسم واحد لا غير كما انها متوافقه مع المتصفحات 
بالاضافة الى الكثير من المزايا الاخرى مثل التوافقيه مع الاجهزة الهاتفيه و الامكانيه لتصميم صفحات متجاوبه مع جميع الاحجام

و كما ترى فالإجابة على سؤالك بكل وضوح تقسيم الصفحات باستخدام الـ divs افضل بمرات كثيره 


  • -1
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • عضو أكاديمي
  • قديم العهد
  • قبل أشهر 7

اظن ان  div هي الافضل لانها تتجاوب بشل رائع مع css مقارنة ب table


  • 0
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد

  بأمكانك استخدام الطريقة التي تريحك لكن الافضل

div احلا واحسن فى المظهر 


  • 1
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
  • مسؤول
  • قديم العهد
  • قبل أشهر 7

Div لاستخدام التحاوب معها 

ال table ليست جيدة كثيرا في التجاوب


  • 1
رد على التعليق (0)

الردود :


لا يوجد ردود بعد


سجل الدخول لاضافة رد
سجل الدخول لاضافة اجابة جديدة


ملئ الشاشة

اضافة سؤال جديد