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の一括指定

ファイルの中に、<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

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だけに罫線を引く方法(す...続きを読む

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...続きを読む

Qheight100%=最初に表示される画面の高さ?

はじめまして。
CSSで教えてほしいのですが・・・
今回はたとえ、1行2行のコンテンツでも背景(ブロック)がブラウザの一番下までいき、スクロールしてもブラウザの下までぴったり背景が続いているものを作りたく思っています。
ただ、何度試しても短いコンテンツにはしたまで表示されるのですが、長めのコンテンツだとはじめに見えてるブラウザの枠より下はいっさい背景が表示されません・・・

これをなんとかコンテンツのボリュームに合わせて、つまり、
最低はブラウザ目一杯の縦幅、最大は可変を実現したいのですが・・・

教えてください。

Aベストアンサー

背景画像(たとえばimageフォルダにあるback.gif)として埋め尽くすだけなら、
BODY {
background-image: url(image/back.gif);
background-repeat: repeat;
}
でやれば1つの画像によって背景全部がその画像が敷き詰められてズラズラ並びます。

イラスト(300px*300px)などを100%指定しても、
画像の100%の大きさ、300px*300pxでしか表示されません。


このカテゴリの人気Q&Aランキング

おすすめ情報