テーブルタグについて
-
0 名前： eruk ： 2005/09/27 12:01 ［URL］
- テーブルタグについて質問です。
文法チェックとやらをやって、どうしても分からないことがあります。
SUMMARYとはどういう使い方をしたらよいのでしょうか。
とりあえず
<TABLE SUMMARY="">
という風にしてみましたが、それだと属性を指定しなくてはならないそうです。
SUMMARYの属性とは、一体何のことでしょうか。
-
1 名前： 愛浦憂馬 ： 2005/09/27 12:01 ［URL］
- <img src="" alt=""> とかと同じように
「そのテーブルが何を表しているか」を示す属性です
例：使い方
<TABLE SUMMARY="月末収支報告">
とかだと思います
-
2 名前： 愛浦憂馬 ： 2005/09/27 12:01 ［URL］
- alt="" は代替テキストなのでちょっと違うかも？
まあ似たようなものですね。
-
3 名前： eruk ： 2005/09/27 12:01 ［URL］
- 何とかそれで解決しました。ですが、新たな問題が発生しました。
デイカウンタの人数のところだけ枠線を付けるにはどうしたら良いのでしょうか。
これを表示するためにTABLEを使っているのですが、うまくいきません。
<DIV STYLE="font-size: small; text-align: center;">
<HR>
<TABLE SUMMARY="daycount"><TBODY>
<TR>
<TD>あなたは累計</TD>
<TD><img src="/cgi-bin/daycount/daycount.cgi/netsyousetu/daycount?gif" alt=""></TD>
<TD>人目の訪問者です。</TD>
</TR>
</TBODY></TABLE>
</DIV>
<DIV STYLE="font-size: x-small; text-align: center;">
（本日は<img src="/cgi-bin/daycount/daycount.cgi/netsyousetu/daycount?today" alt="">番目のアクセスです。
また昨日は<img src="/cgi-bin/daycount/daycount.cgi/netsyousetu/daycount?yes" alt="">人のご来場者がありました）
</DIV>
タグはこんな感じです。
提供先の表示方法をコピーしても、上手くいきません。
提供先のタグ
<CENTER><TABLE>
<TR>
<TD>あなたは累計</TD>
<TD>
<TABLE BORDER=1>
<TR>
<TD><img src="/cgi-bin/daycount/daycount.cgi/p-taro/daycount?gif"></TD>
</TR>
</TABLE>
</TD>
<TD>人目の訪問者です。</TD>
</TR>
</TABLE>
（本日は<img src="/cgi-bin/daycount/daycount.cgi/p-taro/daycount?today">番目のアクセスです。
また昨日は<img src="/cgi-bin/daycount/daycount.cgi/p-taro/daycount?yes">人のご来場者がありました）
</CENTER>
これでも枠はできるのですが、横一列に並ばないのです。
何かよい方法はないでしょうか。
-
4 名前： 愛浦憂馬 ： 2005/09/27 12:01 ［URL］
- 横一列というのはどんな感じですか？
サンプルページを作るとわかりやすいと思います
-
5 名前： eruk ： 2005/09/27 12:01 ［URL］
- ＞愛浦憂馬さん
確認したところ、Firefoxでは<TBODY>タグが正常に動作しませんでした。
<TBODY>タグが一般化されて使えるようになったらもう一度考えてみることにします。
親切に答えてくださったところ、申し訳ありません。
-
6 名前： Pid ： 2005/09/27 12:01
- >>1，>>2
微妙ですが違います (^^;)。それは caption 要素の役割。リファレンス等で確認して下さい。
・http://www.kanzaki.com/docs/html/htminfo16.html#caption
・http://www.ne.jp/asahi/minazuki/bakera/html/reference/table#table
・http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/tables.html#h-11.2.1
table 要素の summary 属性は，音声端末や点字環境など，表を「見る」ことができない場合に，表の全体像を利用者に伝えるものです（それ以外にもいろいろ使えるのですが略）。
・<table summary="今年の気温です。1 月から 12 月までの気温について，一列目は 6 時，二列目は 12 時，三列目は 18 時の気温を示しています。今年は例年に比べて 8 月の気温が特に高いことが特徴的です。">
・<table summary="当店商品の一覧です。順に商品名・商品見本・価格を表示しています。">
img 要素の alt 属性のように「文法的に必須」な属性ではありませんが，なるべく書いておくことが推奨されています。また，後でソースを見直す場合のメモ代わりにもなります。
ただし，書くならば適切に書いて下さい。文法チェッカで良い点数を取るためだけにテキトーに埋めるくらいなら，書かない方がマシかもしれません。
>>3 の書き方では，正しい解釈をするブラウザでは，表は左によったまま，セル内の文字列がそれぞれ中央寄せされるでしょう。
・table { margin: auto; } /* 表を中央配置する */
>>5
> Firefoxでは<TBODY>タグが正常に動作しませんでした。
そんなことはありません。記述ミスでしょう（tbody 要素の解釈に問題を抱えているのはむしろ IE です）。
-
7 名前： eruk ： 2005/09/27 12:01 ［URL］
- ＞Pidさん
表を見ることができない場合……ですか。
デイカウンタが見れないときに表示する文字……ということになりますね。
>そんなことはありません。記述ミスでしょう（tbody 要素の解釈に問題を抱えているのはむしろ IE です）。
>・table { margin: auto; } /* 表を中央配置する */
これで解決しました！ ありがとうございます。
一応確認ですが、タグに直接指定のスタイルシートでも問題ありませんよね？
また言うのもどうかと思いますが、テーブルの真ん中だけ枠を付けるにはどうしたら良いのでしょうか。
横に一列……とはこんな感じです。
＿＿＿
今日は｜＿＿＿｜人の〜。というようにしたいのです
提供先のを入れると、
今日は
｜￣￣￣｜
￣￣￣
人の〜。
となってしまうのです。
HTMLのバージョンを4.01のStrictに設定する前は問題はなかったのですが……。
一度自分で打ち切っておきながら、質問を繰り返して申し訳ありません。
-
8 名前： tk ： 2005/09/27 12:01
- >デイカウンタが見れないときに表示する文字……ということになりますね。
ちがいますよ。pidさんが書いている通り表を「目で見れない」時の為にあるんですよ。
>また言うのもどうかと思いますが、テーブルの真ん中だけ枠を付けるにはどうしたら良いのでしょうか。
それは、３の デイカウンタの人数のところだけ枠線 の話ですか？
<TD><img src="/cgi-bin/daycount/daycount.cgi/netsyousetu/daycount?gif" alt=""></TD>
ここのセルにborderを付けたいなら、ここのtdタグで
<td class="hoge">
として、スタイルシートで
.hoge {border:1px solid #000000;}
で出来ると思いますが。
-
9 名前： eruk ： 2005/09/27 12:01 ［URL］
- ＞tkさん
まず、SUMMARYタグについてのご指摘ありがとうございます。
デイカウンタではなく、表が見れないときなんですね……。
枠線ができました。
スタイルシートって、<TD>タグにも使えたんですね。
スタイルシートはまだよく分からないので、直接指定しました。
そちらのほうも勉強することにします。
ありがとうございました。
