HTML属性での「""」　「''」違い

解決済

質問者：sarah730
質問日時：2013/04/17 10:42
回答数：3件

皆様、はじめまして。

現在、ある書籍を参考にWebデザインを勉強しております。

その書籍の中で、
class='tagline'
class="column side"
等のように、シングルクォーテーションと
ダブルクォーテーションと2通りの書き方が出て来ました。

何故、シングルとダブルと分けて書いているのかがわからなくて。。。

レスポンシブデザインに関しての書籍で、
HTMLやCSSなどの詳しい説明は書いてありません。

JavaScriptとかで関係してくるのですかね？

また、分けて書くことのメリットなど教えて頂けると助かります。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (3件)

No.3ベストアンサー

回答者： t_ohta
回答日時：2013/04/17 14:50

属性値の囲みはどちらでも構いませんが、ご自身で使い方を統一した方がいいでしょう。

たとえば
<button onclick="location.href = 'abc.html';">ボタン</button>
といった形で、両方を使わなければいけないシーンが出てきます。
ごちゃ混ぜに使っているとコーディングミスの原因になりますので、自分自身でルールを決めておくとミスを減らせます。

- 1
- 件

通報する

No.2

回答者： ORUKA1951
回答日時：2013/04/17 13:57

どちらでも構いません。

HTMLもSGML( http://ja.wikipedia.org/wiki/SGML )の派出品でマークアップ言語です。
　　　↑読んでおきましょう。

HTMLの仕様では
【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから
　デフォルトでは、SGML規定はすべての属性値を二重引用符(ASCII十進34)または単引用符(ASCII十進39)のどちらかを用いて囲うよう求めている。
　二重引用符で属性値が囲われる場合は単引用符がこの属性値の一部を成し得るし、逆の囲い方も可能である。
　・・・【中略】・・・
　属性の値を引用符で囲わなくてよいケースもある。
　^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
(HTMLのみ、XML/XHTMKは囲わなければならない)

　属性値が、アルファベット(a-z and A-Z)、数字(0-9)、ハイフン(ASCII十進45)、ピリオド(ASCII十進46)、アンダースコア(ASCII十進95)、及びコロン(ASCII十進58)のみを含む場合である。
　本仕様は、引用符が省略可能な場合であっても省略しないことを推奨する。
　^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［On SGML and HTML (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )］より

　分からないときは、仕様書を読む。最低限、これだで随分と変わりますよ。

　なお、
class='tagline'
class="column side"
　のようなclass名は、本来は良くないことも書かれています。
『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』など
　文書構造を補完するものにしましょう。
注) 仕様書を理解できない人が多かったので、これらはHTML5では新しい要素になりました。
『HTML5 では、文書をよりよく構造化するために、次の要素が新しく追加されました。( http://standards.mitsue.co.jp/resources/w3c/TR/h … )』

class='tagline'　絶対おかしい!

class="column side"
　だったら、<div class="aside">とかでしょうね。
＞レスポンシブデザインに関しての書籍で、
　？？？？
　

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。

仕様書が一番正しいですよね(^_^;)
ありがとうございました。

通報する

お礼日時：2013/04/20 13:07

No.1

回答者： dancerock
回答日時：2013/04/17 13:09

書籍の間違いじゃないでしょうか？

ダブルクォーテーションが正しいと思います。

シングルクォーテーションでやると認識されないと思います。

- 0
- 件

通報する

この回答へのお礼

ご回答ありがとうございます。

書籍的には、同じような書き方を数箇所でしているので、
間違いでは無さそうです。

ダブルクォーテーションが無難そうですね。

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

通報する

お礼日時：2013/04/20 13:02

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

質問する（無料）

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

今、見られている記事はコレ!

二人きりの時とは別人になる彼。なぜなのか？心理学者に聞いてみた

恋に悩みは付き物だ。相手の気持ちがわからず落ち込んだり、連絡が取れず不安になったり……。「悩みのない楽しい恋愛がしたい！」と考える人は筆者だけではないだろうが、そううまく行かないのが現実らしい。「教えて...
【長谷川豊】裁判所の前に並んでいるのは「アルバイト」ですね

いつも愛読している「メディアゴン」。実際にメディアの中で活躍していた方々の執筆はやはり読み応えのある文章が多いのです。先日も＜清原判決に見るメディアの嘘＞傍聴席21席を求めて並んだ1713人って誰？（htt...
エルフ田さん：第72話「独自の保護方法」

エルフ（ファンタジーとかに出てくる長寿の種族）の「エルフ田」と、ただの人間である女子社員2人による日常ギャグ。エルフならではのズレたツッコミでバシバシ人間界の話題を斬っていきます。
たまランチ：第49話「風邪を撃退」

外ランチを愛してやまない元気な女子社員・たまちゃん(26)。オシャレなお店より「安くておいしい」お店が大好き！そんな女子力低めなたまちゃんの、色気より食い気な日々をつづります。
バスルームに生えるカビ、色によって対処法は違うの？専門家に聞いてみた

今年も、梅雨の季節がやってきた。梅雨といえば、洗濯物を外に干せないことや肌がベタベタすることなど、不快な要素がたくさんある。なかでも、バスルームやキッチンといった水まわりに発生するカビは、この時期の大...