HTMLで、<img src="images/spr2002.gif" width=130 height=130 border=0 alt="写真">
などクォート文字列がよくでてきますが、文法的にはシングルクォートかダブルクォートのどちらでもOKなのでしょうか?
大抵のHTMLエディタではダブルクォートを採用している事が多いようですが、私的には、PerlやPHPのprint文などでクォート文字列をエスケープする必要がないので、シングルクォートが良いような気がするのですが、みなさん、どちらが望ましいと思われますか?

このQ&Aに関連する最新のQ&A

A 回答 (2件)

HTML4.01の仕様書には属性値を引用符で囲むことについて以下のように記載されています。



「デフォルトでは、SGML規定はすべての属性値を二重引用符(ASCII十進34)または単引用符(ASCII十進39)のどちらかを用いて囲うよう求めている。」

ということで、文法上はどちらでもOKです。


HTMLからちょっと離れますが、引用符の扱いは処理系によって多少差異がありますので、単引用符でもエスケープしないとダメな場合もあるかも知れません。てなことを考えると、二重引用符で囲って必要な場合はエスケープ、というのは一番広く通用しそうな気がします。

参考URL:http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 …
    • good
    • 0

どちらでもかまいません。


なぜどちらも使えるかと言うと、文字列として「'」「"」を使うときに、違うほうで囲うことができます。
例えば、こんな感じです。
<img src="images/spr2002.gif" width=130 height=130 border=0 alt="'写真'">
<img src="images/spr2002.gif" width=130 height=130 border=0 alt='"写真"'>
    • good
    • 1

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q布団カバーの違い(羽毛布団用と通常用)

今度羽毛布団を購入しようと思っているのですが、布団カバーがなかなか安いものが見当たりません。楽天とかアマゾンを見ても高くて大体4000円以上でした。
近所のシマムラにいっても、布団カバーコーナーには羽毛布団用のカバーが売られていませんでした。

それで質問なのですが、布団カバーは通常用のカバーを羽毛布団にも取り付け可能なのでしょうか?
それとも羽毛が飛び散るのでやはり羽毛用を使わないとダメなのでしょうか?

Aベストアンサー

寸法さえ合えば普通の掛布団カバーで十分です。

値段の違いは素材によるのでは

ポリエステルと綿の混紡は1000円程で安く販売していることもありますが、洗濯を繰り返す内に
黒ずみと毛玉ができるので、綿100%は少し高いようですが、綿100%をお勧めします。

ふとんには4隅または6ケ所にカバーとのずれ防止のループがあります。
もし、カバーの4隅(または6ケ所)にずれ防止の紐がついていないと、カバーの中で布団が片寄る
のでカバーの4隅に適当な紐を縫いつけるか 
安全ピンを使って布団とカバーそれぞれの4隅(または6ケ所)は離れないようにしてはいかがでしょうか

ただし、安全ピンで留める場合くれぐれも布団を傷つけないよう 
カバーの縫い代の外側を使います。

柄だけでなく サイズと素材もしっかりチエック購入してください。

Qborder-widthの太さ指定について

スタイルシートで、罫線の太さをborder-widthで指定しようと思うのですが、1pxより細い線を指定することは可能でしょうか?
よろしくお願いします。

Aベストアンサー

Integerとは書いてないので,文法的には間違いはないと思います。
http://www.w3.org/TR/CSS21/syndata.html#value-def-number
http://www.w3.org/TR/CSS21/syndata.html#length-units

#ただし,それが使われるかどうかは別な話ですが。

http://www.w3.org/TR/CSS21/cascade.html#actual-value

>For example, a user agent may only be able to render borders with integer pixel widths and
>may therefore have to approximate the computed width,

#消費税5%(specified value)
#外税表示で30円のものを買うと消費税は1.5円(今回の場合computed value = actual value)
#実際に消費税の扱いになるのは1円,または2円(used value)

Integerとは書いてないので,文法的には間違いはないと思います。
http://www.w3.org/TR/CSS21/syndata.html#value-def-number
http://www.w3.org/TR/CSS21/syndata.html#length-units

#ただし,それが使われるかどうかは別な話ですが。

http://www.w3.org/TR/CSS21/cascade.html#actual-value

>For example, a user agent may only be able to render borders with integer pixel widths and
>may therefore have to approximate the computed width,

#消費税5%(specified value)
#外税表示で3...続きを読む

Q布団カバーの買い替えについて悩んでいます。

今使っている布団カバーはタオル生地のようなフワフワした生地です。
しかし、そのような生地は毛やホコリがつきやすくて手入れが面倒です。
なので、綿のようなサテン生地の布団カバーに買い替えたいと思うのですが、
タオル生地のような布団カバーは2ヶ月前に購入したばかりなので買い替えるにはもったいないと思ってしまいます。
どうすればよいと思いますか?
両者とも布団カバーの値段は手ごろで安いです。

Aベストアンサー

アイデアですが、
布団カバーは適当なものを買うとして、(サテンなんてないですよ。普通の無地のドビーストライプとか平織りのプリントの方が長持ちします)、
今のタオル生地の奴は、夏が来るまで待って、
布団が厚く感じるようになったら、タオル生地カバーの中身を入れずに、カバーだけを夏掛け布団と位置づけるのです。
熱くなるに従って段階的に行くなら
タオル生地カバーの中に毛布
タオル生地カバーの中にタオルケット
タオル生地カバーの中になにも入れない
タオル生地カバーも使わず裸で寝る。
という感じですね。
いいアイデアでしょう~~。

Qの一括指定

ファイルの中に、<img src=** border=0>のタグが複数あり、
少しでも、ページを軽くしたいので、
cssなどを使用して、border=0というのを一括指定することは可能でしょうか?
わかる方が居りましたら、ぜひ、教えて下さい。
それでは、宜しくお願いします。

Aベストアンサー

できます
参考URLを参照(画像に枠線をつける)なさって下さい。

ただし!!
ネスケ4.7系を使用されている方々には、このCSSでは画像の周りに
青く太い線が表示されてしまいます。
もし、万人向けに作成されるのでしたら、border="0"は指定された方が
いいかと思います。

参考URL:http://www.tees.ne.jp/~maruo/webpage/css/css-html.html

Q毛玉と布団カバー、シーツについて

毛玉の出来易い布団カバーですが、あれは問題じゃないですか?

私の場合、寝相の問題か、最短3日で毛玉だらけ、長くても1週間で毛玉だらけ。

買った布団カバーがたまたま悪い商品なのかと思いきや、3回ほど別のカバーに変えて、3回とも毛玉だらけになりました。

以前使っていたカバーは、擦り切れるまで使っていましたが、毛玉など一つもできませんでした。

そもそも毛玉が布団カバーにできるなど以前はありませんでした。

粗悪なものが出回ってるのですか?

Aベストアンサー

質問拝読しました

布団カバーに毛玉?

私も初耳です

ちなみに、その布団カバーはどちらで購入されましたか?

お値段はいくらでしたか?

それなりの値段しかしていなかったら粗悪品の可能性も考えられますね

ファストファッション系がいい例です

1回洗濯しただけで伸びてまうとか縮んだとか

ファスナーがバカになったとか

何年も使っている布団カバーに小さな毛玉なら解りますケド...

Qhtml上でのtableのborder指定

htmlにstyleを用いてtableのborderを適用させる方法を教えて下さい。

cssが使えないのでhtmlに指定させたときに、各セルごとだけにボーダーを適用させる方法はありませんか?

各セルの個数がバラバラなので、tableに指定すると、大きい外枠にborderが付いてしまいます。

画像のような形にしたいのですが、教えて下さい。

Aベストアンサー

style=css=スタイルシートです。質問がなりたちません。
質問もあやふやな部分が多くもう少し、詳しく説明いただかないと、cssをどの意味で使っておられるのかわからないです。
スタイルシートは、
1.別ファイルに書く方法
2.head内に書く方法
3.出てきた文中にかく方法
の3つがあります。どれもスタイルシートで、cssです。3.の方法はスタイルシートとしては、もっとも恩恵を受けない、避けるべき方法ですが、それをご希望とも取れます。

個別に対応するには、今回の場合、
1.tdだけに罫線を引く方法(すべてのtdに罫線を付ける)
2.tdにクラスを付ける方法(tdの中でも区別したtdに罫線を付ける)
3.文中(インライン)のtdに書く方法
があります。

つまり、別ファイルに書いたり、ページに1回だけ書くcssでも、特定のtdにだけ罫線を付けることは可能です。

どのスタイルをとるにしても、
border:1px solid #999;
で適用できると思います。

もっともcssの恩恵が少なく、避けるほうがよいが、質問で求めているのは
<td style="border:1px solid #999">
かな?と思います。


>各セルの個数がバラバラなので、tableに指定すると、大きい外枠にborderが付いてしまいます。
これが原因でcssが使えないと思っておられるなら、誤解ですので、もっとよい方法別ファイルのcssに各方法をお勧めします。そして本当に、cssが使えないなら、どの方法も有効になりません。今回どこを誤解されているのかわからず、エスパーしてみました。外していたらスルーください。

style=css=スタイルシートです。質問がなりたちません。
質問もあやふやな部分が多くもう少し、詳しく説明いただかないと、cssをどの意味で使っておられるのかわからないです。
スタイルシートは、
1.別ファイルに書く方法
2.head内に書く方法
3.出てきた文中にかく方法
の3つがあります。どれもスタイルシートで、cssです。3.の方法はスタイルシートとしては、もっとも恩恵を受けない、避けるべき方法ですが、それをご希望とも取れます。

個別に対応するには、今回の場合、
1.tdだけに罫線を引く方法(す...続きを読む

Q布団カバーについて

ダブルの敷布団 サイズ140x210の場合、敷布団カバーはダブルロングの145x215というものを購入すればよいのでしょうか。
最近の布団カバーはどれも●●ロングってなっていますよね。
ダブルサイズ140x210の布団カバーってないのでしょうか。
あと、羽毛布団の掛けカバーは、羽毛布団専用の掛けカバーじゃないといけませんか。
普通の掛け布団カバーでは、布団がぺしゃんこになってしまうのでしょうか。
ご回答よろしくお願い致します。

Aベストアンサー

こんばんは

質問者さんのお考えでいいようです
http://www.senba-futon.com/tishiki/size.html

Q介護用の防水・掛け布団カバーが売っているお店は…

介護用の防水掛布団カバーが売っているお店は、
どこにありますか?

防水の敷き布団カバーは、見かけますが、
掛け布団カバーは、あまり見ません…。

店舗でもインターネットでもかまいません。

できるだけ、お安く購入できるところを、教えてください。

Aベストアンサー

通販だとこんなところでしょうか。

http://ow.ly/5Yp2v

あとは、お住まいの地域にある「地域包括支援センター」に相談すると福祉用具を取り扱っている業者さんを教えてくれますので、そちらに相談するとよいかもしれません。

Qtd width="180" と固定してるのですが・・

<div style="width:500;height:220;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">
<table style="font-size:13px; color:magenta;"><tr align="center">
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
</tr></table>
</div>

img には 110×150 のサイズの写真を入れています。
div width="500" にしているので、180×3=540 ですから3枚目のimgが途中で切れて、残りが横スクロールに引っ込むと思ってたのですが、実際にはimgがぎゅうぎゅうに詰まって4.8枚見えるようになります。

何故 td width を固定しているのに変動してしまうかがわかりません。
どうすれば img と img のあいだを余裕もたせて表示することができますでしょうか?
よろしくご教授のほど願います。

<div style="width:500;height:220;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">
<table style="font-size:13px; color:magenta;"><tr align="center">
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><img src=""></td>
<td width="180"><...続きを読む

Aベストアンサー

これではいかがでしょう?

<div style="width:500px;height:220px;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">

<table width="900" style="font-size:13px; color:magenta;">
<tr align="center">
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td width="180"><img src="" width="110" height="150" alt=""></td>
</tr>
</table>
</div>

これではいかがでしょう?

<div style="width:500px;height:220px;overflow:auto;
scrollbar-3dlight-color:#9acd32;
scrollbar-arrow-color:#9acd32;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#9acd32;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#9acd32;
scrollbar-track-color:#ffffff;
">

<table width="900" style="font-size:13px; color:magenta;">
<tr align="center">
<td width="180"><img src="" width="110" height="150" alt=""></td>
<td wid...続きを読む


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング