No.3ベストアンサー
- 回答日時:
不必要にdivは書かない!!!。
[HTML4.01]でしたら、骨格は
<body>
<div class="header">
・・・ページのヘッダ・・・
</div>
<div class="section">
・・・【中略】・・・
<table border="1" summary="なんたらの表">
<tbody>
<tr>
・・・【中略】・・・
</tr>
</tbody>
</table>
</div><!-- 本文終了 -->
<div class="footer">
<p>Copyright 2015 ***** All Right Reserved</p>
<address>*******</address>
</div>
</body>
参考に[HTML5]でしたら
<body>
<header>
・・・ページのヘッダ・・・
</header>
<section>
・・・【中略】・・・
<table>
<tbody>
<tr>
・・・【中略】・・・
</tr>
</tbody>
</table>
</section>
<footer>
<p>Copyright 2015 ***** All Right Reserved</p>
<address>*******</address>
</footer>
</body>
【重要なことをいくつか!!】
・DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )
決してデザインのためではありません。文書構造を補完するためです。HTML5では「文書構造を示す要素が足りなかったために」新しい要素が追加されました。-- http://standards.mitsue.co.jp/resources/w3c/TR/h …
divのidやclass名は、HTML5の要素名とその目的を参考にするとよいでしょう。
・他に適切な要素がある時はDIVは使ってはなりません。
NOTE: Authors are strongly encouraged to view the div element as an element of last resort, for when no other element is suitable.( https://www.w3.org/TR/html5/grouping-content.htm … )
「著者は他に適切な要素がないときの最後の手段として、div要素を使用することが強く奨励されます。」
ちなみに、header,footer,navなどはidではなくclassであるべきです。なぜなら、一つの文書内に複数存在しうるものだからです。例えばheader,section,footerは、「完結した独立した記事」を示すarticle内に必ず登場すると期待されていますし、sectionはその階層で文書の樹構造が示されるのですから・・
・tableは、文書を成型するために用いてはなりません。
★以上を踏まえたうえで、
</table>
</div>
<div id="footer">Copyright 2015 ***** All Right Reserved</div>
<div id="footer">*******</div>
のままだとすると、
table+div{ /* table要素に続くdiv要素(隣接セレクタ) */
margin:10px;/* この値を変えてみる */
padding:10px;/* この値を変えてみる */
}
table+div+div{ /* tableの隣のdivの隣のdiv */
margin:10px;/* この値を変えてみる */
padding:10px;/* この値を変えてみる */
}
とか・・
でも、ウェブ開発されているのでしたら、開発者ツールの豊富なfirefoxをお使いだと思いますが、そのアドオンfirebug( https://addons.mozilla.org/ja/firefox/extensions … )を使用すると、その隙間が、その要素あるいは前後の要素のmarginによるものか、paddingによるものかが一目瞭然です。
※address要素は
『文書全体、あるいはフォームなど文書の主要部分に関する問い合せ先を示すのに用いられる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html4 … )』
No.2
- 回答日時:
テーブル内では無い。
cssのidセレクタのプロパティを変更する。
cssが提示されていないので、明快には答えられない。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- PHP アップロード画像数でCSSを分けることに成功したのですが、画像の横に文字を並べることが出来ません。 3 2023/07/28 17:16
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS PCサイズで赤い画像2つと、青い画像2つがそれぞれ横に2つずつ並んでいるのですが、これをスマホサイズ 5 2022/04/11 12:01
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- HTML・CSS html/cssで要素が出てこなくて困ってます 1 2022/12/31 16:59
- PHP 掲示板を作成しておりアップロードファイルとメッセージを並べたいので、アドバイスお願い致します 2 2023/07/17 21:01
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<div id="container">の使いか...
-
htmlのolやulなどlistにtitleや...
-
html の divとtable の役割
-
HTML属性での「""」 「''」違い
-
html5でheaderの中にnav
-
複数のボタンを等間隔に、かつ...
-
ヘッダーを左右に二分割する方...
-
オシャレな区切り線はありませ...
-
要素間、要素内に隙間が空く
-
body>div{}の意味を知りたい
-
画面を拡大すると横幅が切れる
-
div要素が重なってします
-
divとpの使いわけ
-
iframeを使わずに上下50%ずつに...
-
min-heightとheightの違いについて
-
セクションをdivで囲むと見出し...
-
float:leftを使用して全体を中...
-
1時間30分を簡単に表したいで...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
マンスリーランキングこのカテゴリの人気マンスリー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を埋め込む
-
hタグの右横に画像を表示
-
divを横に並べる方法
-
インラインフレームのページ内...
おすすめ情報