هل من الأفضل استخدام Divs أو الجداول لاحتواء أعمدة الروابط؟

StackOverflow https://stackoverflow.com/questions/1107669

سؤال

لدي صفحة مع 3 أعمدة من الروابط في الأسفل. يتم وضع كل عمود في DIV ويتم لف جميع المجموعات الثلاثة في حد كبير محور على الصفحة. هل هذا شيء مناسب بشكل أفضل لجدول أم طاولة عنصر خاطئ لهذا المنصب؟

هل كانت مفيدة؟

المحلول

تستطيع ايضا استخذام <ul> & <li> لهذا.

#horizontal {
    width: 100%;
    background: #eee;
    float: left;
}

#horizontal ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 12em;
    float: left;
}

سيؤدي ذلك إلى إنشاء أعمدة أفقية باستخدام عناصر LI، ثم يمكنك الاشياء HTML لإنشاء روابط فردية في كل لى.

نصائح أخرى

قاعدة الإبهام هي:

استخدم Divs for layout، جداول البيانات الجدولية.

في مذكرة جانبية، تحقق من أصل مايمولوجيا مصطلح قاعدة الإبهام، مضحك جدا.

السؤال الذي تريد أن تسأل نفسك هو، هي روابطك جزءا من أي بيانات جدولي؟

إذا كانت الإجابة بنعم، الجداول هي اختيارك. إذا كان الجواب بالنفي، فعليك استخدام Divs.

من المهم استخدام العنصر الإجمالي الدلوي لإنشاء صفحة، على الرغم من أن العناصر الأخرى قد تؤدي إلى نفس التأثير، وربما مع جهد أقل.

بالنسبة لروابطك، يبدو أنها ليست جزءا من طاولة. أود أن أقترح استخدام Divs و CSS المناسبة.

جاهة

لا أعتقد أن الجداول هي خيار جيد لهذا. ببساطة وجود ثلاث أعمدة لا يشكل بيانات جدولي في كتابي. مع بعض العلامات النظيفة ومختصر جيدة، يمكنك الحصول على طريقة أكثر مرونة لتحقيق ذلك. إذا كنت تستخدم Divs العائمة الأيسر، فما عليك سوى منحهم عرضا في النسبة المئوية حتى يقومون بملء الحاوية الأصل (100 / عدد العناصر)٪. بهذه الطريقة، إذا كنت ترغب في إضافة عمود آخر، فهذه علامة بسيطة، قم بتغيير تغيير ورقة أنماط واحدة. وبهذه الطريقة، لن تضطر إلى التعامل مع جدول المستعرض المتصفح ولديك الكثير من المرونة في تصميمه - أعلى ذلك يمكنك تغيير التصميم بالكامل دون ترك ورقة أنماط الخاص بك.

المبدأ الرئيسي وراء HTML هو "وضع علامة" المعنى من البيانات الخاصة بك.

سوف استخدم المبدأ أعلاه كدليل:

  1. إذا كان لديك 3 أعمدة فقط لأنها تبدو لطيفة - فلا يوجد أي معنى لأعمدةك، ويجب أن تحاول استخدام العطلة (والتي لا معنى لها "حاوية" عناصر).

  2. إذا كان لديك 3 أعمدة لأن هناك 3 فئات من الروابط، ثم جدول جيد. تخيل إذا أعطيت رؤوسا إلى كل قائمة من الروابط - وهذا يجعل الجدول مع Thead من الضروري.

  3. وفي الواقع، كل عمود هو "قائمة غير مرتبة" - والتي تترجم إلى عنصر UL مع عناصر LI.

  4. وبما أن لديك قائمة بالروابط، فسوف تستخدم، بالطبع، عناصر.

لذلك من المبادئ الأولى، يجب أن يكون لديك هذا الهيكل:

<DIV> or <TABLE> (with <TR>/<TD>)
 -> <UL>
 ----> <LI>
 -------- <A> 

عكس إجابات أخرى، يمكن أن يكون الجدول حل دلالي. إذا كانت الأقسام الثلاثة مميزة عن بعضها البعض ولها عنوان، يمكنك استخدامها <th> عن الألقاب و <td> لكل من الروابط. أعتقد أن هذا دلالة تماما.

مرخصة بموجب: CC-BY-SA مع الإسناد
لا تنتمي إلى StackOverflow
scroll top