このような使い方はありでしょうか？

締切済

質問者：pandapandaa
質問日時：2014/03/22 10:12
回答数：1件

[table]を左に寄せたいのですが下記のような使い方でいいでしょうか？
まだ勉強を始めたばかりで、よろしくお願いします。

<div align="right">
<table>
<tr>
<td>a</td>
<td>b</td>
<td>c</td>
<td>d</td>
</tr>
<tr>
<td>e</td>
<td>f</td>
<td>g</td>
<td>h</td>
</tr>
</table>
</div>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： ORUKA1951
回答日時：2014/03/22 11:45

いいえ。

tableは、データを２次元で並べるための仕組みで、内容量によって伸縮しなければなりません。また表示サイズ内に収まるように内容が大きい場合は折り返さなければなりません。
　⇒視覚系ユーザエージェントによる表の整形( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

★絶対にデザインのために使用してはなりません。
　⇒ページレイアウトの目的で表を用いる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
　⇒単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )

[サンプル]
★Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html# )
　W3C CSS 検証サービス( http://jigsaw.w3.org/css-validator/#validate_by_ … )
　でチェック済みのHTML4.01strict+CSS2.1 ウェブ標準です。
★タブは＿に置換してあるので戻す。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
＿<title>サンプル</title>
＿<meta name="author" content="ORUKA1951">
＿<meta http-equiv="Content-Style-Type" content="text/css">
＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
＿<link rel="START" href="../index.html">
＿<style type="text/css">

＿</style>
</head>
<body>
＿<div class="header">
＿＿<h1>タイトル</h1>
＿＿<p>このページでは・・・・</p>
＿</div>
＿<div class="section">
＿＿<h2>見出し</h2>
＿＿<p>本文はsection</p>
＿＿<table summary="periodic table" border="1">
＿＿＿<caption>周期表</caption>
＿＿＿<tbody>
＿＿＿＿<tr>
＿＿＿＿＿<td>H</td><td></td><td></td><td></td><td></td><td></td><td></td><td>He</td>
＿＿＿＿</tr>
＿＿＿＿<tr>
＿＿＿＿＿<td>Li</td><td>Be</td><td>B</td><td>C</td><td>N</td><td>O</td><td>F</td><td>Ne</td>
＿＿＿＿</tr>
＿＿＿＿<tr>
＿＿＿＿＿<td>Na</td><td>Mg</td><td>Al</td><td>Si</td><td>P</td><td>S</td><td>Cl</td><td>Kr</td>
＿＿＿＿</tr>
＿＿＿</tbody>
＿＿</table>
＿＿<p>
＿＿＿周期表は、元素を、それぞれが持つ物理的または化学的性質が似たもの同士が並ぶように決められた規則（周期律）に従って配列した表である。左上から原子番号の順に並ぶよう作成されている。</p>
＿</div>
＿<div class="footer">
＿＿<h2>文書情報</h2>
＿＿<dl class="documentHistry">
＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt>
＿＿＿<dd>2013-03-03</dd>
＿＿</dl>
＿</div>
</body>
</html>