タグ属性値のダブルクォーテーションはどこまで省略できる?

真樹 [E-Mail] 1999/11/11(木) 11:57:01
些細な質問をさせていただきます。

表題の通り、<font size="5">などのタグ属性値に使われるダブルクォーテーションは、
どこまで省略できるのでしょうか？

htmlファイルのシェイプアップを考えています。
それに、ダブルクォーテーションを省略したりすると、
画面サイズの小さいディスプレイでのhtml編集がしやすくなるので・・・。
(1行の文字数が少なくなるから)

とほほさん曰く、
>SIZE属性やWIDTH属性で単なる数値を指定する場合には必要ないのですが、
>+1 や 80% などの英数以外の文字を指定する際には、
>ダブルクォーテーション( " )で囲むようにしましょう。
との事ですが、もっと細かく知りたいです。

たとえば、注意されている、%や+などは、
ダブルクォーテーション無しでも大抵の環境で普通に処理されているようですが・・・。

「万が一を考えて、このタグの、この属性値のものは省略するな！」
というご意見も大歓迎です。

私の調べられる環境(ie4.01sp1以降、NN4.03以降)では、
スペースの挟まるもの以外は全部OKでしたが・・・。
(<img>のalt=などで画像の名前を表示させる場合などでスペースが挟まるケースが多いのでは。)
当然と言えば当然なのですが、スペースが挟まると、スペースまでしか属性値として認識しません。

みなさんのご意見、実践されている内容を是非お教えください。

真樹 [E-Mail] 1999/11/11(木) 12:10:41
追加です。
ヘッダ内に入る、<meta>タグなどは、正常に処理されているのか確認できません。
それなのに、<meta>タグは、シロかクロか怪しい記述が多いですし・・・。

たとえば、
<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
などの、ハイフン、スラッシュ、セミコロン、イコール、アンダーバーの含まれる文字列です。

全角文字や、urlが入る場合などはどうなのでしょうか。

あとは、色設定"#ffffff"など、#が含まれているものも疑問です。

余談ですが、私の調べた環境だと、色設定に囲いは要らないようです。
(それが邪道かどうかは別として。)

さらに、シャープが無くても、6桁の文字列が入ると、自動的に16進表記だと認識されるようです。
遊び心で、<font color=255.255.255>などとやっても、認識されます。
さすがにこれはまずいかもしれませんが・・・。

andi 1999/11/11(木) 12:42:54
font faceで省略するとスペースで切れちゃいますね。
<font face=Times New Roman>
だとTimesになるみたいです。

andi 1999/11/11(木) 12:44:26
あ、書いてありましたね。
えろぅすんまへん。

のぐ 1999/11/11(木) 12:50:52
＃書泉で立ち読みした本に書いてあったなぁ。
Another-HTMLによると、（以下引用）
－－－
属性値を必ずしも引用符で囲む必要はありません。値が英数字、ピリオド "."、ハイフン "-" から成り(いずれも半角の)、72文字以内の文字列のときは引用符で囲む必要はありません。
－－－
出典：
http://openlab.ring.gr.jp/k16/htmllint/explain.html#quote-attribute-value

上記のＵＲＬの「６４．<TAG> の ATTR の属性値 `XXXX` は引用符で囲まなければなりません。」に詳しいです。

ちなみに私は考えるのが面倒なので、全部囲んでます。

時司 [E-Mail] 1999/11/11(木) 23:22:15
将来的には、xmlやxhtmlが使用されることを考えると引用符をつけておかないと構文エラーとなりますので今からつけておく習慣をつけておいたほうがいいのではないでしょうか?

重油タレ流しアホトカ号 1999/11/12(金) 02:43:25
""ってのはその属性の範囲が「ここからここまでですよ～」ってカンジのヤツだから必須だと思ってた方が良いかと思います。
W3Cのリファレンスにはこの辺のこと書いてないのかしら？

真樹 [E-Mail] 1999/11/12(金) 10:42:28
[[解決]]
みなさんご意見ありがとうございます。

みなさんは全ての属性値に囲いを付けられているようですね。
やはり付けるべきなのでしょうね・・・。

実際にダブルクォーテーションを省略すると、1ファイルあたり2～5KBくらい小さくなります。
それでも、画像貼ったページなら無意味な削減なのですよね・・・。

もう一つの効能の、「エディタにて1行が短くなる」は、改行に気を遣えば済むことですし・・・。

と言うことで、セオリー通り全部くっつけることにします。

ありがとうございました。

[上に] [前に] [次に]