No.5
- 回答日時:
id は identifier の略だから, 同じ値は (すべてのタグを通じて) 1つのページで 1回しか使えません.
なお, id 属性はほとんど全てのタグで指定することができ, かつ <a href="..."> のリンク先として使えます. だから, 見出しで使うと便利. <h2><a name="..."></a></h2> の代わりに <h2 id="..."></h2> でOK.
No.3
- 回答日時:
こんにちは。
同一ページ内でいくつ使っても文法的に問題はありません。
文法的に問題ないのでエラーはでないでしょう。
No.1の方がおっしゃっているように<div>はHTMLのタグで、あまり使いすぎると古いブラウザでは表示が崩れることがあります。
恐らく心配されているのは、いろんなサイトなどで「<div>を多用してはいけない」と紹介されているからなのだと思います。(違ったらすみません。汗)
「<div>を多用してはいけない」の真意は、古いブラウザで崩れるのを防ぐのはもちろんですが、<div>を多用するとCSSが効率的に利用できないから多用するなということです。
CSSにはセットで利用するHTMLタグがたくさんあります。
<blockquote>、<dl>、<dt>、<dd>、<h1>、<div>などですね。
それぞれに意味を持ちます。
分かりやすいところで、<blockquote>は引用文、<h1>は見出しなどです。
たとえば以下のように表示したい場合、大抵はこのようにタグでくくります。
--------------------------------------------------
教えてgoo!
ここは質問をするサイトです。
--------------------------------------------------
↓
--------------------------------------------------
【CSS部分】
h1 {font-size:15em; color:red;}
【タグ部分】
<h1>教えてgoo!</h1>
ここは質問をするサイトです。
--------------------------------------------------
でも同じ効果がある書き方として、以下のようにもできます。
--------------------------------------------------
【CSS部分】
div {font-size:15em; color:red;}
【タグ部分】
<div>教えてgoo!</div>
ここは質問をするサイトです。
--------------------------------------------------
この場合も上の<h1>と同じ結果になるのがわかるでしょう。
つまり、CSSで色などを指定したい部分は<blockquote>、<dl>、<dt>、<dd>、<h1>などを使わずとも全て<div>で済んでしまうんです。
でもそれには大きな問題点があります。
たとえば全部<div>タグでかこってCSS指定していたとしましょう。
もしその中で見出しだけ色を変えたいとしたら、どうしますか?
ソースの中から、見出しの部分を自分の目で見て探さなければなりません。
でももし<h1>~<h4>などのタグを使っていれば、この<h1>~<h4>の部分のCSSをいじれば全て変えることができます。
このようにCSSを効率的に使うには適切な意味をもったタグ (<h1>など) を適切な場所に (見出しなど) 使うことが必要です。だから<div>タグだけを多用してはいけない、というのです。あとで大変なのは自分ですのでね。(^-^;
根本的に意味が違っていたら大変失礼しました。m(_ _)m
わざわざ色々説明くださってすみません。
説明があまりにも少なかったですね。。ごめんなさい><
例えば、
contentというdivを作ったとします
それでwidth: 200pxと指定したとします。
そうすると、このcontentというdivは いくらでも
使えるので、同一htm内で何回も使ってます。
#1の方がおっしゃるようにspanと同じように使えるみたいなので、大丈夫みたいですが、
http://validator.w3.org/
ここで見てもらうと、
Line 63 column 8: ID "content" already defined.
こんなエラーがでてきて。
あれ・・・って
悩んでました><
もしかしたら私が英語の解釈が間違ってたのでしょうか・・
No.2
- 回答日時:
ご質問の意味がよくわかりません。
「同じdivを何回も使いまわ」すとはどういうことでしょうか?
そもそもこれは HTML についての質問でしょうか? CSS についての質問でしょうか?
詳しい説明をお願いします。(具体例を挙げてくださってもかまいません)
No.1
- 回答日時:
div はHTMLのタグの一種です
<span>などと同じ感じで使用できます。
(span は改行無し)
入れ子(<div><div>ABC</div></div> こんな感じ)
にしすぎると古いマシンでは表示に時間が掛かったりするかもしれませんが
ありがとうございます!
http://validator.w3.org/
こちらのサイトで自分が作ったhtmをみてもらうと、
エラーで
Line 63 column 8: ID "content" already defined.
と出てしまって、
contentというdivを一つのhtmで何回も使ってるからかなぁ
と自分なりに解釈してました。
大丈夫と聞いて安心しました^^
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- HTML・CSS サルワカさんの吹き出しのスタイルシートについて。 https://saruwakakun.com/h 2 2022/10/28 22:55
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- HTML・CSS cssが効かなくて困ってます 1 2023/01/01 23:57
- HTML・CSS 【HTML】【CSS】【Swiper】 元の画像は横1200×縦600なのですが、実際のサイト上に反 5 2022/07/16 13:57
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ローカルとWeb上で見え方が違う...
-
一括で全体を右にずらす
-
HTMLの要素の間が空いてしまう...
-
【CSS】HTML直書き→外部ファイ...
-
スペースを使わず文字位置を揃...
-
htmlのolやulなどlistにtitleや...
-
html の divとtable の役割
-
HTML属性での「""」 「''」違い
-
<div id="container">の使いか...
-
動画を掲載すると最下部のフッ...
-
html5でheaderの中にnav
-
マージソートの計算量について-...
-
htmlの文字が縦書きになる
-
個別にリンクの色を変える方法
-
W3Cのソースコードの検証サービ...
-
cssのfloatについて
-
NからZへの全単射を具体的に構...
-
KompoZerの使い方について
-
smallにtext-allignが効かない
-
H1タグを画像にしたい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
htmlのolやulなどlistにtitleや...
-
HTML属性での「""」 「''」違い
-
<div id="container">の使いか...
-
複数のボタンを等間隔に、かつ...
-
html の divとtable の役割
-
div要素が重なってします
-
min-heightとheightの違いについて
-
ヘッダーとフッターだけ背景を...
-
1時間30分を簡単に表したいで...
-
divを横に並べる方法
-
html5でheaderの中にnav
-
スペースを使わず文字位置を揃...
-
セクションをdivで囲むと見出し...
-
divとpの使いわけ
-
ブログのサイドバーが下にくる
-
3カラムレイアウトで「常に残り...
-
グリッドレイアウトで"auto-fit...
-
iframeを使わずに上下50%ずつに...
-
画面を縮小するとカラムが落ち...
-
ヘッダーを左右に二分割する方...
おすすめ情報