يرجى توضيح مجموعة روابط وكولسبان، العقيد والمجموعة

Question

يمكن لأي شخص أن يفسر rowspan و colspan, col و colgroupب وهذه W3C صالحة وذات صحيحة؟ بموجب هذه الظروف هي هذه مفيدة؟

Answer 1

كولسبن

<table border="1">
  <tr>
    <th colspan="2">people are...</th>
  </tr>
  <tr>
    <td>monkeys</td>
    <td>donkeys</td>
  </tr>
</table>

مجموعة الصفوف

<table border="1">
  <tr>
    <th rowspan="2">monkeys are...</th>
    <td>... real monkeys</td>
  </tr>
  <tr>
    <td>... 'unreal' monkeys (people...)</td>
  </tr>
</table>

W3C.

كما ترى، هذا هو لربط خلايا الجدول - ولأن هذا في بعض الأحيان neccessary، فهو صالح (روابط regdwights سوف تعطي المزيد من المعلومات ...).

col / colgroup.

colgroup و col تستخدم لتعيين السمات على كل سطر في الجدول (حتى لا تضطر إلى الكتابة width="80" لأول td في كل سطر (tr)):

<table border="1">
  <colgroup>
    <col width="80">
    <col width="100">
    <col width="320">
  </colgroup>
  <tr>
    <td>first line, first column</td>
    <td>first line, second column</td>
    <td>first line, third column</td>
  </tr>
  <!-- more table-lines... -->
</table>

يمكنك أيضا مجموعة COLS، دعنا نقول أن العمود الأول والثاني يجب أن يحصل with من 80، يجب أن يحصل الثالث على 320:

<table border="1">
  <colgroup width="80" span="2"></colgroup>
  <colgroup width="320" span="1"></colgroup>
  <tr>
    <td>first line, first column</td>
    <td>first line, second column</td>
    <td>first line, third column</td>
  </tr>
  <!-- more table-lines... -->
</table>

Answer 2

نعم، كلها موصى بها من قبل W3C. فيما يلي روابط مباشرة إلى الوثائق:

• col
• colgroup
• colspan
• rowspan

Answer 3

rowspan و colspan يتم سمات السماح للمصمم ب "دمج" الخلايا - مثل الأمر نفسه في Excel (على سبيل المثال).

col و colgroup اسمح للمصمم بتطبيق CSS على عمود عمودي، بدلا من الاضطرار إلى تطبيق CSS على الخلايا الفردية في عمود. بدون هذه المهمة، ستكون هذه المهمة أكثر صعوبة حيث يتم تعيين جداول HTML.

الأربعة من هذه صالحة.

للإشارة المستقبلية، حاول http://reference.sitepoint.com/html.