Атрибут summary

Влад Мержевич

Internet Explorer Chrome Opera Safari Firefox Android iOS
4.0+ 1.0+ 6.0+ 1.0+ 1.0+ 1.0+ 1.0+

Спецификация

HTML: 3.2 4.01 5.0 XHTML: 1.0 1.1

Описание

Атрибут summary предназначен для краткого описания таблицы или указания ее предназначения. В отличие от тега <caption> содержимое summary никак не отображается и в браузере не выводится, однако может использоваться поисковыми системами или речевыми браузерами.

Синтаксис

<table summary="текст">...</table>

Значения

Любой текст.

Значение по умолчанию

Нет.

Обязательный атрибут

Нет.

Пример

XHTML 1.0IECrOpSaFx

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Тег TABLE, атрибут summary</title>
 </head>
 <body>
  <table border="1" width="400" summary="Таблица умножения">
   <tr>
    <th></th><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th>
    <th>7</th><th>8</th><th>9</th><th>10</th>
   </tr>
   <tr>
    <th>1</th><td>1</td><td>2</td><td>3</td><td>4</td><td>5</td>
    <td>6</td><td>7</td><td>8</td><td>9</td><td>10</td>
   </tr>
   <tr>
    <th>2</th><td>2</td><td>4</td><td>6</td><td>8</td><td>10</td>
    <td>12</td><td>14</td><td>16</td><td>18</td><td>20</td>
   </tr>
   <tr>
    <th>3</th><td>3</td><td>6</td><td>9</td><td>12</td><td>15</td>
    <td>18</td><td>21</td><td>24</td><td>27</td><td>30</td>
   </tr>
   <tr>
    <th>4</th><td>4</td><td>8</td><td>12</td><td>16</td><td>20</td>
    <td>24</td><td>28</td><td>32</td><td>36</td><td>40</td>
   </tr>
   <tr>
    <th>5</th><td>5</td><td>10</td><td>15</td><td>20</td><td>25</td>
    <td>30</td><td>35</td><td>40</td><td>45</td><td>50</td>
   </tr>
   <tr>
    <th>6</th><td>6</td><td>12</td><td>18</td><td>24</td><td>30</td>
    <td>36</td><td>42</td><td>48</td><td>54</td><td>60</td>
   </tr>
   <tr>
    <th>7</th><td>7</td><td>14</td><td>21</td><td>28</td><td>35</td>
    <td>42</td><td>49</td><td>56</td><td>63</td><td>70</td>
   </tr>
   <tr>
    <th>8</th><td>8</td><td>16</td><td>24</td><td>32</td><td>40</td>
    <td>48</td><td>56</td><td>64</td><td>72</td><td>80</td>
   </tr>
   <tr>
    <th>9</th><td>9</td><td>18</td><td>27</td><td>36</td><td>45</td>
    <td>54</td><td>63</td><td>72</td><td>81</td><td>90</td>
   </tr>
   <tr>
    <th>10</th><td>10</td><td>20</td><td>30</td><td>40</td><td>50</td>
    <td>60</td><td>70</td><td>80</td><td>90</td><td>100</td>
   </tr>
 </table>
</body>
</html>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.