はじめまして。
現在、dreamweaverを使いホームページを作成しています。
他方、しっかりとした知識を身につけるため、HTMLを毎度確認しているのですが、さまざまなサイトとのHTML記述の微妙な違いが気になっています。
以下の違いを教えていただけないでしょうか?
dreamweaverでのマージン設定
『margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;』
他のサイトのマージン設定と思われる記述
『topmargin=0 leftmargin=0 marginheight=0 marginwidth=0』
『LEFTMARGIN=0 TOPMARGIN=0 MARGINwidth=0 MARGINheight="0"
』等
これらの違いはいったい何なんでしょうか?
初心者なため見当違いな質問をしているかもしれませんがどうかよろしくお願いいたします。
また、dreamweaverだけで作成したサイトは「よくない」みたいな記述をたまに見かけますが、具体的にはどのようなことがあげられるのでしょうか?
どうかよろしくお願いいたします。
No.1ベストアンサー
- 回答日時:
こんにちわ。
margin-* :xx; これは、スタイルシート(css)、または style属性の指定ですね。
topmargin=x 以下、 こちらは body tag属性だったと思います。初めはIEの独自拡張だった(と記憶している)のですが、topmargin と leftmarginは Operaでも有効のようです。現在でもブラウザ依存ではありますね。
ですので、
<body style="margin-top: 0px;">
<body topmargin="0">
この二つは、同じ事を指定してるわけです。ただ、スタイルに関しては、スタイルシートをお勧めします。dreamweaverは正しく書いていますね*smile*
他にも、marginheight,marginwidth などがあります。サイト検索なさると、詳しいサイトがヒットすると思います。
No.3
- 回答日時:
htmlとcssの基本を勉強されると、いろいろな記述方法があることが分かられると思います。
勉強される順番が多分違います。この前に必ずセレクターがつくはずです。隙間のなくし方はどうするかではなく、記述のルール(これが私の言う基本です)をまず学ばれてそれから、気に入ったホームページの記述(隙間のなくし方)を参考にされることをオススメします。ちなみに上げられたソースと同じ意味を上げてみます。
margin:0; この1行で同じことです。
margin:0 0; この1行で同じことです。
margin:0 0 0; この1行で同じことです。
margin:0 0 0 0; この1行で同じことです。
質問者のソースの=指定はhtmlでの指定。:の指定はcssでの指定です。
「要素名 セレクター プロパティ 値」等の説明がされている初心者向きのサイトを探してみてください。
No.2
- 回答日時:
> また、dreamweaverだけで作成したサイトは「よくない」みたいな記述をたまに見かけますが、具体的にはどのようなことがあげられるのでしょうか?
Dreamweaverの記述は古いブラウザや様々なブラウザを意識した書き方になるため、
HTMLやXHTMLの厳格な文法に合わないブラウザ独自の書き方や、推奨されない記述が使われることがあります。
その文法に則るためには、古いブラウザへの対応を消す必要があります。
LEFTMARGIN=0などの書き方も、古いブラウザ(IE4.x以前だったと思います)への対応です。
古いブラウザで見ると表示が大幅に変わることになりますが、
昨今ではそのような古いブラウザの利用率が低いため、ほとんど影響はありません。
古いブラウザへのサポートを理由に残すのもいいですし、
文法チェッカーでエラーが出ることを理由に消すのもいいと思います。
私が知る限りこの理由だけなのですが、
その説を唱えている方に直接聞くのが一番だと思います。
私はDreamweaverが生成したHTMLのままで問題ないと思います。
(制作代行のときはその要求や、制作スタイル、気分とかに合わせればいいと思います)
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- PHP style.cssのjQuery条件付きcssが機能しない 4 2022/07/17 18:27
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- HTML・CSS テキストを画面の真ん中に配置したいです。 2 2022/11/25 16:11
- JavaScript htmlとcssに関する質問です 3 2022/12/06 05:36
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS htmltとcssのコードで 1 2022/11/26 13:37
- HTML・CSS htmlの文字が縦書きになる 2 2023/03/01 21:31
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
<h1>タグの後の行間を詰めたい。
-
INPUT TEXT内の文字位置を指定...
-
HTMLフォームのSELECTの幅を一...
-
text-alignの解除の方法
-
FireFoxで見るとブラウザの幅に...
-
CSS セルごとリンクにする際、...
-
aタグに直接style=""で:hoverを...
-
なぜ左に寄っているの?
-
中央揃えで真ん中にきた文字列...
-
2行目以降に上下左右のマージ...
-
端から端まで横線を引きたい
-
上下マージンの取り方(CSS)
-
ページ左右上下の余白。
-
IBMのホームページビルダー10で
-
コードを書いて下さい( ; ; )...
-
エクセルでサイズに合ったもの...
-
htmlでテーブル内にテキストボ...
-
エクセルでサイズ指定でPOP...
-
道路幅を調べたいのですが
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CSSのtransform: translate(-50...
-
aタグに直接style=""で:hoverを...
-
<h1>タグの後の行間を詰めたい。
-
HTMLフォームのSELECTの幅を一...
-
インラインフレームの表示位置...
-
コードを書いて下さい( ; ; )...
-
端から端まで横線を引きたい
-
INPUT TEXT内の文字位置を指定...
-
なぜ左に寄っているの?
-
FireFoxで見るとブラウザの幅に...
-
iPhone用のサイトの文字がずれ...
-
<legend>で表示されるタイトル...
-
Formタグのブロックの高さについて
-
CSSでh1とその下の文字との行間...
-
Dreamweaverで画面サイズを一定...
-
macとwindowsのレイアウト崩れ...
-
ホームページビルダー 空白の...
-
text-alignの解除の方法
-
パソコンのみで反映される余白...
-
Firefox 横スクロールバーを表...
おすすめ情報