<td align>から<td style="text-align: XXXX;">に書き換えるか迷っています

質問

普段はドリームウィーバー2004mxを使っております。
ブラウザはInternet Explorerの新しいほうだと思います。

私はWEB制作には素人で、ソフトに頼り四苦八苦していますので
HTMLもちょっとずつ覚えているという段階の、入り口の初心者であります。
そこで、教えてください。

先日驚いたのですが
行揃えの指定のタグがありますよね。
今までの制作部分では
<td align="XXXX">を使用してきましたが、
<td style="text-align: XXXX;">
のほうが、長い目でみて、良いということでした。
理由は<td align="XXXX">のままだと
　　・Operaブラウザで不具合
　　・またはXHTML1.1で廃止（？）
といったことがあるようです。
私は自分のInternet Explorerで観ていたので何も知りませんでした。
やはり将来的に、<td align="XXXX">は色んな不具合を起こしていく恐れがあるかも知れません。

以下は私が立てさせていただいた質問で、
経験者のおっしゃることですので信憑性はたいへん高いと思っています。
http://oshiete1.goo.ne.jp/qa5051214.html

で、本題はここからですが、長い目でみた場合に、
<td align="XXXX">を
<td style="text-align: XXXX;">の状態に書き換えるべきでしょうか。

すでに<td align="XXXX">で作ってある部分が結構あります。
ただWEBサイトは長く使いたいので、今のうちに手を打てるなら打っておこうと思います。
この書き換え案に迷っていますので、お詳しい方、アドバイスをください。
または今WEB制作中の専門家の方は、
<td align>と
<td style="text-align: XXXX;">
はどちらを使っていらっしゃることが多いのでしょうか。

もしかしたら<td valign="XXXX">も同様のことが言えるのかも知れません。
宜しくお願いいたします。

回答No.5

神崎 渉瑠（@taloo） · ベストアンサー

一応、XHTML1.1で廃止されていないという根拠です。

W3Cは、日本（日本語）の文科省みたいなところです。
http://www.w3.org/

XHTML1.1のtableのページ（英語ですがタグ名とタグ属性だけなのでわかると思います）
http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_simpletablemodule

> ＃このあたりは、制作者の考え方次第ですね。
同意します。

読みやすいかどうかは慣例を重視（基準に）しています。
たとえば予算や売り上げ表などの「（単位千円）」みたいな記述は右寄せしています。

align指定は、もし翻訳サイトを通じてアラビア語など右から左に書く言語で表示した場合、
左寄せ、右寄せが逆転し、非常の読みづらくなります。
（この現象はfloatも同様です)

W3C(など)はそういうのも考慮し、alignなしを推奨しているようですが、（W3Cはアメリカだったと思いますが、おそらく日本語の右寄せのような習慣がないと思いますので)
現実には、私はalignを使っての影響はほとんどないと思います。

Operaの古いバージョンで、この状態をシミュレーションできた気がしますが、
もし「不具合」がその事であれば、私は無視できる範囲だと思います。

お礼

ふたたびご丁寧に有難うございます。
これからはスタイルシートで一括管理できる術を学んでいこうと思いますが、
個々に指定をする場合でもalignを使っての影響はあまりないということがおききできて、
安心することができました。
また、アラビア語など言語の使い方の違いからalignの考え方が問われている部分もあったのですね。驚きました。
大変勉強になり感謝しております。有難うございました！

回答No.4

abril

質問番号：5051214　の方も拝見していました。
ちょっとその参考にされた回答部分には、（No.3様のご指摘の様な）根拠が「？」な点もありますので、「<td style="text-align: center;">の方が<td align="center">より良い」という様には受け止めない方が宜しいかと存じます…

> HTMLもちょっとずつ覚えているという段階の、入り口の初心者であります。

もし、”今の時代”から(X)HTMLを学ばれるなら、No.1様が仰る様にどちらの方法もお奨めしません。私も原則どちらの記述もしていません。
結局1ファイル毎の1つのタグ単位の属性でスタイルを調整する、という効率の悪さは、<td align="値">でも<td style="text-align: 値;">でも、その点については全く同じだからです。ですので、二者択一ならどちらでもお好みでどうぞ…という事に。

やはり最初から極力、文書構造と装飾は分離する事を頭において(X)HTMLのマークアップをし、装飾（スタイル）の部分は外部スタイルシートで一括管理する、といった（HTML文書の在り方として望ましい）手法がもうとっくの昔に主流ですし、レイアウト変更やリニューアルなどのメンテナンスの手間一つとっても格段に効率が良くなります。
今から学ばれるのであれば、(X)HTMLに関しては、HTMLタグの装飾に関する属性の事は一切関知せず、それぞれのタグの論理的意味や文法のみをしっかり理解して、装飾についてはCSSを基礎から学んで対応する、という方をお奨めしたいですね。

＃スタイルシートを切った時の「寄せ」の見せ方まで考慮するのであれば、確かにNo.3様の様な、CSSのtext-alignプロパティで指定して且つタグのalign属性も残す、という二段構えは有りになりますね。
＃ちなみに私自身は、スタイルシートを切った状態で「意味のある情報が最低限支障なく取得できるか」までは常にチェックしていますが、その状態で「寄せ」を制御するところまでは拘りませんので、aling属性は使わず全てCSSに任せています。
＃このあたりは、制作者の考え方次第ですね。

お礼

ご回答有難うございます。大変頷ける内容でした。どうやら私の早合点のようで、
<td style="text-align: center;">も<td align="center">も差異はないようですね。
どちらでも気にしないようにいたします。
また、なにより重要なのは一括管理の手段なのですね、確かにひとつひとつの指定よりは格段に効率が良いと思いました。
まだまだ未熟ですが、スタイルシートのやり方も覚えて、成長できればなと思います。
本当に有難うございました！

回答No.3

神崎 渉瑠（@taloo）

> 理由は<td align="XXXX">のままだと
> 　　・Operaブラウザで不具合
> 　　・またはXHTML1.1で廃止（？）
align属性、valign属性共に、XHTML1.1でも廃止されていません。

Operaの不具合というのは聞いた事がありませんが、
Operaでどういう時にどんな不具合があるのか、よければ補足をお願いします。

> <td align>と
> <td style="text-align: XXXX;">
> はどちらを使っていらっしゃることが多いのでしょうか。
スタイルシートを切った状態(テキストブラウザ)でも寄せ、センタリングしたほうが読みやすくなりそうな場合はalign属性を使います。
寄せを指定する場合は、alignとstylesheetの両方を指定する事が多いです。

お礼

ご回答有難うございます。
丁寧な内容を有難うございます。
追記をいただきましたことも感謝いたします。

補足

ご回答有難うございます。ひとまず補足を優先的にさせていただきます。
お礼は、また後ほど時間をとって、書かせていただきますね。

＞Operaでどういう時にどんな不具合があるのか、よければ補足をお願いします。

こちらですが、私自身が体験したことは一度もなく、
以前別質問をした際に回答者の方が書いてくださった一節によるものから、
「あるようです」といったニュアンスで書かせていただいているものです。
そういった意味で、この私自身は体験しておらず、中身は判りません。
http://oshiete1.goo.ne.jp/qa5051214.html

一先ず未知ですが、体感された方のブラウザ環境によるものかも知れませんね。

取り急ぎ補足のみにて失礼いたします。有難うございます。

回答No.2

salonpath

あ～、あとkoichan55のtableは違うかもしれませんが
現在はレイアウトのためにtableは使いません。

概念ですけど、参考にしてみてください
http://www.atmarkit.co.jp/fwcr/rensai/imasara04/imasara04_1.html

お礼

ご丁寧な追記を有難うございます。
ぜひ、参考にさせていただきますね。有難うございました！

回答No.1

salonpath

もうずいぶん前から「見た目と文書構造を分離しよう」という流れがあるんですけど、、それで本が書けちゃうくらいの内容なのでここで詳しい事は説明できませんが
結論からいうと、「基本的に」どっちの記述も使いません。

じゃあどんな書き方をするのか？
■html
<table>
<tr>
<td>あああ</td>
<td class="XXXX">いいい</td>
<td>ううう</td>
</tr>
</table>

■css
.XXXX{
text-align:right;
}

です。

お礼

早速のご回答有難うございます。
スタイルシートで管理することが重要なのですね。
これからますます勉強したいと思います。有難うございました！