0

私は Cobalt 8 CMS を使用しており、以前の記事のレイアウトは非常に単純なテーブルで設計されていました。

以下に例を追加しました。すべてのテーブルを変換する (およびその方法を学習する) という考えは気が遠くなるようなものですが、最善を尽くしたいと考えています。表のフィールドには、送信フォームの結果が表示されます。複数の行と複数の列が混在し、両方にまたがっています。

私は現在 Joomla 3 も使用しているため、おそらく div の方が適しています。

アドバイスをいただければ幸いです。

例：

<table id='display' width=648 border=0 summary="">
    <tr>
        <td rowspan=7 width=228><?php echo $item->fields_by_id[3]->result; ?></td>
        <td width=200><b>Author:</b></td>
        <td width=220><?php echo $item->fields_by_id[1]->result; ?></td>
    </tr>
    <tr>
        <td width=200><b>Publisher:</b></td>
        <td width=220><?php echo $item->fields_by_id[2]->result; ?></td>
    </tr>
    <tr>
        <td width=200><b>Genre:</b></td>
        <td width=220><?php echo $item->fields_by_id[9]->result; ?></td>
    </tr>
    <tr>
        <td width=200><b>CRR Heat Rating:</b></td>
        <td width=220 width=420><?php echo $item->fields_by_id[11]->result; ?></td>
    </tr>
    <tr>
        <td colspan=2 width=420><?php echo $item->fields_by_id[12]->result; ?>
</td>
    </tr>
    <tr>
        <td colspan=2 width=420><?php echo $item->fields_by_id[10]->result; ?>
</td>
    </tr>
    <tr>
        <td colspan=2 width=420><?php echo $item->fields_by_id[13]->result; ?>
</td>
    </tr>
    <tr>
        <td colspan=3 width=648><?php echo $item->fields_by_id[4]->result; ?></td>
    </tr>
    <tr>
        <td colspan=3 width=648><?php echo $item->fields_by_id[5]->result; ?></td>
    </tr>
</table>
4

4 に答える 4

2

短いバージョン:テーブルはデータを表示するためだけに使用する必要があります。レイアウト目的で使用すると、スクリーン リーダーがページをナビゲートする際に問題が発生する可能性があります。

長いバージョン:

table 要素は、複数の次元を持つデータを表形式で表します。テーブルをレイアウト補助として使用しないでください。歴史的に、多くの Web 作成者は、ページ レイアウトを制御する方法として HTML で表を作成しているため、そのようなドキュメントから表形式のデータを抽出することは困難でした。特に、スクリーン リーダーなどのアクセシビリティ ツールのユーザーは、レイアウトに表が使用されているページをナビゲートするのが非常に難しいと感じる可能性があります。表をレイアウトに使用する場合、ユーザー エージェントが支援技術に対して表を適切に表し、表形式を抽出したいツールに作成者の意図を適切に伝えるために、属性 role="presentation" でマークする必要があります。ドキュメントからのデータ。

http://www.w3.org/html/wg/drafts/html/master/tabular-data.html#the-table-element

于 2013-09-29T07:31:04.350 に答える
2

表は表形式のデータ用です - プレゼンテーションではありません。

したがって、例のデータは表形式ではありません。だからCSSを使う

于 2013-09-29T06:39:00.260 に答える
0

スパンが使用される行と列の量は、テーブルを使用する有効な選択になります。私はいつもdivの問題に直面してきました。

于 2013-09-29T06:41:04.173 に答える