WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:xhtmlとjavascript

0:[投稿] aki [2005/08/23 13:19 ][環境:IE6/WinXP home SP1 最新のバージョンにUPしています 不明]

xhtml version=1.1でWEBページを新規作成・更新をしようと考えているのですが、xhtml version=1.1ではhtmlの非推奨タグ・属性が削除されているようですが、javascriptで利用していた非推奨タグ・属性はどのように変更したらよいのでしょうか?
たとえば、一部分ですが
document.write("<div align='right'>");
document.write("<font color='#0f0' size='0.8em'>どうなるの?</font>");
document.write("</div>");
等で、align/font/color/sizeは非推奨になっていますけど。
どのような対処方法がいいのか教えて下さい、よろしくお願いします。


1:[回答] 通行人A [2005/09/29 17:56 ]

非推奨になったのは、
CSS(カスケードスタイルシート)をつかってくれ
ということでしょう。

CSSの書き方はいろいろあるので勉強してみてください。


2:[質問] aki [2005/09/30 14:02 ]

>たとえば、
document.write("<div style=7text-align:right;'>");
document.write("<em style='color:#0f0;font-size:0.8em;font-style:normal;'>どうなるの?</em>");
document.write("</div>");
といったようにCSSをjavascript内で使うのでしょうか。


3:[回答] AC1号 [2005/10/01 15:36 ]

>>2
style属性は、XHTML1.1ではDeprecatedとなっているので、これも使うべきではないです。
http://www.w3.org/TR/xhtml11/doctype.html#s_doctype
id属性かclass属性を付け、それにlink要素かstyle要素でスタイルシートを設定します。

なお、XHTML1.1は過去のHTMLとの互換性を考慮した規格ではありません。したがって、MIME Typeにはapplication/xhtml+xmlを指定することが推奨されていて、text/htmlはSHOULD NOTとされています。HTMLとの互換性を考えるのであれば、XHTML1.0を採用すべき、と思います。
http://www.w3.org/TR/xhtml-media-types/

あと、勘違いされているようですが、HTML属性のalign="right"とCSSのtext-align:right;は等価ではありません。センタリングに関する記事ですが、
http://www.mozilla.gr.jp/standards/webtips0004.html
に記事があります。
(margin-left:auto;margin-right:auto;は、右よせの場合、margin-left:auto;margin-right:0;と読み替えて下さい。)


4:[回答] sim [2005/10/01 18:35 ]

>document.write("<div style='text-align:right;'>");
>document.write("<em style='color:#0f0;font-size:0.8em;font-style:normal;'>どうなるの?</em>");
>document.write("</div>");

すいません。
>HTML属性のalign="right"とCSSのtext-align:right;は等価ではありません
等価じゃないのは解るんですが、

上記の記述って間違えてるんですか?
私も直すのなら同じように直してしまうかもしれません・・・


5:[質問] sim [2005/10/01 18:36 ]

すいません。状態の選択を間違えました。
質問でした。


6:[回答] AC1号 [2005/10/01 22:34 ]

>>4
ちゃんと内容を読んでいませんでした。
ブロック要素の右よせではないみたいなので、text-alignだけで問題ありません。

ただし、すでに>>3で指摘したように、style属性はDeprecatedです。使ってもXHTML1.1としてはValidですが、推奨はされていません。


7:[質問] aki [2005/10/02 16:14 ]

>AC1号さんsimさん、回答ありがとう御座います。
確かに質問のサンプルとしてはインラインレベルの右寄せを考えていました、ボックスレベルではややこしくなりそうだったので。AC1号さんの紹介してくださったページを参照させていただきました、私の知識が不十分なので、内容を十分に把握できない点が在るのを了解していただき、少し質問させてくださいね。
styleでの指定がですがxhtml1.1Verでは不可なのは解りましたが、xhtml1.0 Transitionalの場合においてはstyleでの指定が可能なのでしょうか?質問の内容がおかしかったらすみません、新しくWEBページを作製する場合にできるだけW3Cの現在の勧告に従った方法でと考えているものですから。
●質問が変わりますがポックスレベルでのセンタリングにおいては「ボックスモデルハック」をCSSで指定しています。ひょっとしてこれもxhtml1.0では使用不可なのでしょうか?


8:[関連] aki [2005/10/02 16:23 ]

WEBページの確認なのですがUPする前にIE6x,Firefoxで確認しています。レイアウトがよく崩れていますので、いろいろなhtnl,CSS,javascriptW3C日本語解説などを参考にさせてもらっています。
全てのUAに対応するWEBページ作製の基本(基準)になる書き方がないものかと、blog等も参照しています。


9:[回答] AC1号 [2005/10/03 23:20 ]

>styleでの指定がですがxhtml1.1Verでは不可なのは解りましたが、
不可ではありません。Deprecatedです。意味はご自身で辞書を引いてみてください(deprecateで載っている)。

XHTML1.0やHTML4で使うにしても、なぜXHTML1.1でこの属性がDeprecatedになったのかよく考えてから使った方がよいです。

「ボックスモデルハック」これは初耳なのでぐぐってみましたが、CSSについての話と思われるので、XHTMLやHTMLとは無関係です。


10:[回答] aki [2005/10/04 13:12 ]

>AC1号さんありがとうございました。
少しずつですが、わかりかけてきました。
みなさん、お世話になりました。

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]

ChaichanPAPA's World