axis

There is another page with same name:
Edit New

axis 属性 (HTML)

[1] HTML の th 要素および td 要素の axis 属性は、 表の中での概念的な分類 (n 次元空間の軸に当たるもの) を示すのに使うことができます。

[11] 本項は過去の HTML 仕様に関するものです。現状とは異なることがあります。

仕様書: HTML 4

[5] 複雑な表では、同じ行・列に異なる情報が込み入ったりします。たとえば旅費の表では行き先, 摘要, 日付などがあるので、完全に2次元に収めることができません。 そこで例えば行の方向に行き先と日付を詰め込むのですが、この際に区別が失われないように axis で分類します。

属性値

[2] この属性の値は、分類名の読点分離並びです。 SGML 的には CDATA です。

大文字・小文字は区別されません。

[6] 名前の付け方には特に決まりはないようです。 分類の粒度は自由ですし、字種や名前空間も HTML 4 には規定がないみたいです。 (といっても読点は分離子なので使えませんが。)

class の特殊版といった感じでしょうか。

[3] この属性は省略可能です。既定値はありません。

[9] HTML 4 DTD の注釈 (参考) には comma-separated list of related headers と説明があります。 (名無しさん [sage])

レンダリング

[4] HTML 4 仕様書にあるレンダリング例:

  • ある分類に属するこまを照会できる
  • 表を目次の形で示す

[8] HTML 4 仕様書は UA に axis 情報を扱うことを要求していませんし、 特定の扱い方も推奨したりはしていません。 しかし、 >>7 の簡潔な例のような表っぽくない出力ができる UA は、その出力方法をスタイル・シートなどで制御できるべきとされています。

例

[7] 旅行経費報告の例

<TABLE border="1"
          summary="This table summarizes travel expenses
                   incurred during August trips to
                   San Jose and Seattle">
<CAPTION>
  Travel Expense Report
</CAPTION>
<TR>
  <TH></TH>
  <TH id="a2" axis="expenses">Meals</TH>
  <TH id="a3" axis="expenses">Hotels</TH>
  <TH id="a4" axis="expenses">Transport</TH>
  <TD>subtotals</TD>
</TR>
<TR>
  <TH id="a6" axis="location">San Jose</TH>
  <TH></TH>
  <TH></TH>
  <TH></TH>
  <TD></TD>
</TR>
<TR>
  <TD id="a7" axis="date">25-Aug-97</TD>
  <TD headers="a6 a7 a2">37.74</TD>
  <TD headers="a6 a7 a3">112.00</TD>
  <TD headers="a6 a7 a4">45.00</TD>
  <TD></TD>
</TR>
<TR>
  <TD id="a8" axis="date">26-Aug-97</TD>
  <TD headers="a6 a8 a2">27.28</TD>
  <TD headers="a6 a8 a3">112.00</TD>
  <TD headers="a6 a8 a4">45.00</TD>
  <TD></TD>
</TR>
<TR>
  <TD>subtotals</TD>
  <TD>65.02</TD>
  <TD>224.00</TD>
  <TD>90.00</TD>
  <TD>379.02</TD>
</TR>
<TR>
  <TH id="a10" axis="location">Seattle</TH>
  <TH></TH>
  <TH></TH>
  <TH></TH>
  <TD></TD>
</TR>
<TR>
  <TD id="a11" axis="date">27-Aug-97</TD>
  <TD headers="a10 a11 a2">96.25</TD>
  <TD headers="a10 a11 a3">109.00</TD>
  <TD headers="a10 a11 a4">36.00</TD>
  <TD></TD>
</TR>
<TR>
  <TD id="a12" axis="date">28-Aug-97</TD>
  <TD headers="a10 a12 a2">35.00</TD>
  <TD headers="a10 a12 a3">109.00</TD>
  <TD headers="a10 a12 a4">36.00</TD>
  <TD></TD>
</TR>
<TR>
  <TD>subtotals</TD>
  <TD>131.25</TD>
  <TD>218.00</TD>
  <TD>72.00</TD>
  <TD>421.25</TD>
</TR>
<TR>
  <TH>Totals</TH>
  <TD>196.27</TD>
  <TD>442.00</TD>
  <TD>162.00</TD>
  <TD>800.27</TD>
</TR>
</TABLE>

(HTML 4 仕様書より)

(スタイル・シートで背景色指定を補った) レンダリング例: <IW:HTML4:"images/table1">

一部を取り出したレンダリング例:

   Location: San Jose. Date: 25-Aug-1997. Expenses, Meals: 37.74
   Location: San Jose. Date: 26-Aug-1997. Expenses, Meals: 27.28

もっと簡潔な例:

   San Jose, 25-Aug-1997, Meals: 37.74
   San Jose, 26-Aug-1997, Meals: 27.28

更に簡潔な例:

   San Jose, Meals, 25-Aug-1997: 37.74
                    26-Aug-1997: 27.28

[10] Screen Reader e tabelle accessibili - [ LAU ] (Laboratorio di accessibilit&#224; e usabilit&#224; del CSI-Piemonte 著, 版) <http://lau.csi.it/testare/accessibilita/test_user-agent/tabelle_accessibili/screen_reader.shtml>

[12] Re: TABLE (Al Gilman著, ) <https://lists.w3.org/Archives/Public/w3c-wai-hc/1997OctDec/0119.html>

Updated: