皆様、はじめまして。
現在、ある書籍を参考にWebデザインを勉強しております。
その書籍の中で、
class='tagline'
class="column side"
等のように、シングルクォーテーションと
ダブルクォーテーションと2通りの書き方が出て来ました。
何故、シングルとダブルと分けて書いているのかがわからなくて。。。
レスポンシブデザインに関しての書籍で、
HTMLやCSSなどの詳しい説明は書いてありません。
JavaScriptとかで関係してくるのですかね?
また、分けて書くことのメリットなど教えて頂けると助かります。
No.2
- 回答日時:
どちらでも構いません。
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">とかでしょうね。
>レスポンシブデザインに関しての書籍で、
????
No.3ベストアンサー
- 回答日時:
属性値の囲みはどちらでも構いませんが、ご自身で使い方を統一した方がいいでしょう。
たとえば
<button onclick="location.href = 'abc.html';">ボタン</button>
といった形で、両方を使わなければいけないシーンが出てきます。
ごちゃ混ぜに使っているとコーディングミスの原因になりますので、自分自身でルールを決めておくとミスを減らせます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS webデザイン、HTML、CSSに詳しい方、これのHTML、CSSのコードを詳しく教えてほしいですm 1 2023/03/22 14:52
- HTML・CSS CSSが上手く反映されないみたいです 2 2022/11/21 16:19
- ホテル・旅館 ホテルの厚意でのアップグレードの場合 5 2023/06/10 13:18
- 電子書籍 紙の本を購入するか、kindleなどの電子書籍を購入していくかで迷ってます皆さんはどうしてますか? 4 2022/10/03 23:45
- 転職 転職のため、SPIを受ける事になりました。練習用の書籍を探しますと、SPI、SPI3とかありますが、 1 2023/02/10 13:05
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- 大学受験 参考書の勉強法について質問なのですが、参考書を一通り終わらせて、二周目を行う際、問題だけ解けば良いで 2 2023/06/30 20:19
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- 公認会計士・税理士 税理士、財務諸表論の理論の書籍で懇切丁寧な 1 2022/09/27 18:07
- HTML・CSS htmlの文字が縦書きになる 2 2023/03/01 21:31
このQ&Aを見た人はこんなQ&Aも見ています
-
プロが教えるわが家の防犯対策術!
ホームセキュリティのプロが、家庭の防犯対策を真剣に考える 2組のご夫婦へ実際の防犯対策術をご紹介!どうすれば家と家族を守れるのかを教えます!
-
<a href=#" …>の意味を教えてください。"
HTML・CSS
-
HTMLは、シングルクォートかダブルクォートか?
HTML・CSS
-
シングルコーテーション(')とダブルコーテーション()の入れ子について"
HTML・CSS
-
-
4
【SQL】他テーブルに含まれる値に合致する行を抽出
その他(データベース)
-
5
cssファイルの名称付け
HTML・CSS
-
6
idを使わずにonclickで自身の要素取得
JavaScript
-
7
html でのテキスト結合について
その他(プログラミング・Web制作)
-
8
[Java] Edgeでのアドレスバー非表示について
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTML属性での「""」 「''」違い
-
<div id="container">の使いか...
-
htmlのolやulなどlistにtitleや...
-
インラインフレームのページ内...
-
スペースを使わず文字位置を揃...
-
複数のボタンを等間隔に、かつ...
-
HTML5 iframe の代わり
-
横並びdivで一部の初期高さがず...
-
<!-- #BeginLibraryItemとは
-
div要素が重なってします
-
HEADタグとheaderタグ
-
divとpの使いわけ
-
標題<h1>に、網掛けはできますか?
-
htmlの見出しタグ(<h1>)の次...
-
画面を縮小するとカラムが落ち...
-
フッターがウインドウの一番下...
-
CSSで、contentsがfooterに重な...
-
特定範囲内のCSSの継承を断ち切...
-
セクションをdivで囲むと見出し...
-
背景画像に全体または部分的に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
div要素が重なってします
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
divとpの使いわけ
-
ヘッダーとフッターだけ背景を...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
-
1時間30分を簡単に表したいで...
-
スペースを使わず文字位置を揃...
-
CSSで、contentsがfooterに重な...
-
h1に自分自身へのリンクを張...
-
divの中に外部のHTMLを埋め込む
-
divを横に並べる方法
-
hタグの右横に画像を表示
-
h1のテキストサイズよりh2の方...
おすすめ情報