table
Служит контейнером для тегов, определяющих содержимое таблицы — строк tr и ячеек td. Кроме этого в table допускается использовать caption, col, colgroup, tbody, tfoot, th, thead. Раньше таблица с невидимой границей использовалась для верстки веб-страниц, но потом на смену этому способу пришел более прогрессивный — верстка с помощью слоев.
Пример:
Таблица 3×3
| Lorem ipsum dolor sit amet, consectetur adipisicing elit |
... |
... |
| ... |
... |
... |
| ... |
... |
... |
<table>
<caption>Таблица 3×3</caption>
<col/>
<tbody>
<tr>
<td>Lorem ipsum dolor sit amet, consectetur adipisicing elit</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</tbody>
</table>
Дети:
CAPTION,
COL,
COLGROUP,
TBODY,
TFOOT,
THEAD,
TR.
|
html 3.2 |
html 4.0 Frameset |
html 4.0 Loose |
html 4.0 Strict |
html 4.0.1 Frameset |
html 4.0.1 Loose |
html 4.0.1 Strict |
xhtml 1 Frameset |
xhtml 1 Strict |
xhtml 1 Transitional |
html5 |
| caption |
|
|
|
|
|
|
|
|
|
|
|
| col |
|
|
|
|
|
|
|
|
|
|
|
| colgroup |
|
|
|
|
|
|
|
|
|
|
|
| tbody |
|
|
|
|
|
|
|
|
|
|
|
| tfoot |
|
|
|
|
|
|
|
|
|
|
|
| thead |
|
|
|
|
|
|
|
|
|
|
|
| tr |
|
|
|
|
|
|
|
|
|
|
|
Атрибуты:
accesskey,
align,
bgcolor,
border,
cellpadding,
cellspacing,
class,
contenteditable,
contextmenu,
datapagesize,
dir,
draggable,
frame,
hidden,
id,
lang,
onabort,
onblur,
oncanplay,
oncanplaythrough,
onchange,
onclick,
oncontextmenu,
ondblclick,
ondrag,
ondragend,
ondragenter,
ondragleave,
ondragover,
ondragstart,
ondrop,
ondurationchange,
onemptied,
onended,
onerror,
onfocus,
onformchange,
onforminput,
oninput,
oninvalid,
onkeydown,
onkeypress,
onkeyup,
onload,
onloadeddata,
onloadedmetadata,
onloadstart,
onmousedown,
onmousemove,
onmouseout,
onmouseover,
onmouseup,
onmousewheel,
onpause,
onplay,
onplaying,
onprogress,
onratechange,
onreadystatechange,
onscroll,
onseeked,
onseeking,
onselect,
onshow,
onstalled,
onsubmit,
onsuspend,
ontimeupdate,
onvolumechange,
onwaiting,
rules,
spellcheck,
style,
summary,
tabindex,
title,
width,
xml:base,
xml:id,
xml:lang,
xml:space.
|
html 3.2 |
html 4.0 Frameset |
html 4.0 Loose |
html 4.0 Strict |
html 4.0.1 Frameset |
html 4.0.1 Loose |
html 4.0.1 Strict |
xhtml 1 Frameset |
xhtml 1 Strict |
xhtml 1 Transitional |
html5 |
| accesskey |
|
|
|
|
|
|
|
|
|
|
|
| align |
|
|
|
|
|
|
|
|
|
|
|
| bgcolor |
|
|
|
|
|
|
|
|
|
|
|
| border |
|
|
|
|
|
|
|
|
|
|
|
| cellpadding |
|
|
|
|
|
|
|
|
|
|
|
| cellspacing |
|
|
|
|
|
|
|
|
|
|
|
| class |
|
|
|
|
|
|
|
|
|
|
|
| contenteditable |
|
|
|
|
|
|
|
|
|
|
|
| contextmenu |
|
|
|
|
|
|
|
|
|
|
|
| datapagesize |
|
|
|
|
|
|
|
|
|
|
|
| dir |
|
|
|
|
|
|
|
|
|
|
|
| draggable |
|
|
|
|
|
|
|
|
|
|
|
| frame |
|
|
|
|
|
|
|
|
|
|
|
| hidden |
|
|
|
|
|
|
|
|
|
|
|
| id |
|
|
|
|
|
|
|
|
|
|
|
| lang |
|
|
|
|
|
|
|
|
|
|
|
| onabort |
|
|
|
|
|
|
|
|
|
|
|
| onblur |
|
|
|
|
|
|
|
|
|
|
|
| oncanplay |
|
|
|
|
|
|
|
|
|
|
|
| oncanplaythrough |
|
|
|
|
|
|
|
|
|
|
|
| onchange |
|
|
|
|
|
|
|
|
|
|
|
| onclick |
|
|
|
|
|
|
|
|
|
|
|
| oncontextmenu |
|
|
|
|
|
|
|
|
|
|
|
| ondblclick |
|
|
|
|
|
|
|
|
|
|
|
| ondrag |
|
|
|
|
|
|
|
|
|
|
|
| ondragend |
|
|
|
|
|
|
|
|
|
|
|
| ondragenter |
|
|
|
|
|
|
|
|
|
|
|
| ondragleave |
|
|
|
|
|
|
|
|
|
|
|
| ondragover |
|
|
|
|
|
|
|
|
|
|
|
| ondragstart |
|
|
|
|
|
|
|
|
|
|
|
| ondrop |
|
|
|
|
|
|
|
|
|
|
|
| ondurationchange |
|
|
|
|
|
|
|
|
|
|
|
| onemptied |
|
|
|
|
|
|
|
|
|
|
|
| onended |
|
|
|
|
|
|
|
|
|
|
|
| onerror |
|
|
|
|
|
|
|
|
|
|
|
| onfocus |
|
|
|
|
|
|
|
|
|
|
|
| onformchange |
|
|
|
|
|
|
|
|
|
|
|
| onforminput |
|
|
|
|
|
|
|
|
|
|
|
| oninput |
|
|
|
|
|
|
|
|
|
|
|
| oninvalid |
|
|
|
|
|
|
|
|
|
|
|
| onkeydown |
|
|
|
|
|
|
|
|
|
|
|
| onkeypress |
|
|
|
|
|
|
|
|
|
|
|
| onkeyup |
|
|
|
|
|
|
|
|
|
|
|
| onload |
|
|
|
|
|
|
|
|
|
|
|
| onloadeddata |
|
|
|
|
|
|
|
|
|
|
|
| onloadedmetadata |
|
|
|
|
|
|
|
|
|
|
|
| onloadstart |
|
|
|
|
|
|
|
|
|
|
|
| onmousedown |
|
|
|
|
|
|
|
|
|
|
|
| onmousemove |
|
|
|
|
|
|
|
|
|
|
|
| onmouseout |
|
|
|
|
|
|
|
|
|
|
|
| onmouseover |
|
|
|
|
|
|
|
|
|
|
|
| onmouseup |
|
|
|
|
|
|
|
|
|
|
|
| onmousewheel |
|
|
|
|
|
|
|
|
|
|
|
| onpause |
|
|
|
|
|
|
|
|
|
|
|
| onplay |
|
|
|
|
|
|
|
|
|
|
|
| onplaying |
|
|
|
|
|
|
|
|
|
|
|
| onprogress |
|
|
|
|
|
|
|
|
|
|
|
| onratechange |
|
|
|
|
|
|
|
|
|
|
|
| onreadystatechange |
|
|
|
|
|
|
|
|
|
|
|
| onscroll |
|
|
|
|
|
|
|
|
|
|
|
| onseeked |
|
|
|
|
|
|
|
|
|
|
|
| onseeking |
|
|
|
|
|
|
|
|
|
|
|
| onselect |
|
|
|
|
|
|
|
|
|
|
|
| onshow |
|
|
|
|
|
|
|
|
|
|
|
| onstalled |
|
|
|
|
|
|
|
|
|
|
|
| onsubmit |
|
|
|
|
|
|
|
|
|
|
|
| onsuspend |
|
|
|
|
|
|
|
|
|
|
|
| ontimeupdate |
|
|
|
|
|
|
|
|
|
|
|
| onvolumechange |
|
|
|
|
|
|
|
|
|
|
|
| onwaiting |
|
|
|
|
|
|
|
|
|
|
|
| rules |
|
|
|
|
|
|
|
|
|
|
|
| spellcheck |
|
|
|
|
|
|
|
|
|
|
|
| style |
|
|
|
|
|
|
|
|
|
|
|
| summary |
|
|
|
|
|
|
|
|
|
|
|
| tabindex |
|
|
|
|
|
|
|
|
|
|
|
| title |
|
|
|
|
|
|
|
|
|
|
|
| width |
|
|
|
|
|
|
|
|
|
|
|
| xml:base |
|
|
|
|
|
|
|
|
|
|
|
| xml:id |
|
|
|
|
|
|
|
|
|
|
|
| xml:lang |
|
|
|
|
|
|
|
|
|
|
|
| xml:space |
|
|
|
|
|
|
|
|
|
|
|
Браузерные стили
| Chrome |
table { border-collapse: separate; border-color: gray; border-spacing: 2px; display: table; }
|
| firefox 3.6.3 |
table { -moz-box-sizing: border-box; border-collapse: separate; border-spacing: 2px; display: table; margin-bottom: 0; margin-top: 0; text-indent: 0; unicode-bidi: embed; }
|
table:focus { outline: 1px dotted; }
|
table[align="left"] { float: left; }
|
table[align="right"] { float: right; text-align: start; }
|
table[rules]:not([rules="none"]) { border-collapse: collapse; }
|
| ie6, ie7 |
table { border-color: #d4d0c8; display: block; has-layout: true; }
|
| ie8 |
table { border-color: #d4d0c8; border-spacing: 2px 2px; box-sizing: border-box; display: table; has-layout: true; }
|
| opera 10.53 |
table { border-spacing: 2px; box-sizing: border-box; display: table; }
|
| safari 4.0.5 |
table { border-collapse: separate; border-color: gray; border-spacing: 2px; display: table; }
|