• ベストアンサー

dreamweaverのHTMLと他のマージン設定の違い？

はじめまして。 現在、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だけで作成したサイトは「よくない」みたいな記述をたまに見かけますが、具体的にはどのようなことがあげられるのでしょうか？ どうかよろしくお願いいたします。

noname#52036
noname#52036
  • HTML
  • 回答数3
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
  • goulan
  • ベストアンサー率46% (23/50)
回答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 などがあります。サイト検索なさると、詳しいサイトがヒットすると思います。

すると、全ての回答が全文表示されます。

その他の回答 (2)

  • ICHI-yan
  • ベストアンサー率33% (45/134)
回答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のままで問題ないと思います。 （制作代行のときはその要求や、制作スタイル、気分とかに合わせればいいと思います）

すると、全ての回答が全文表示されます。
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

p-touchとExcelの接続トラブル解決方法
このQ&Aのポイント
  • p-touchをExcelにデータベース接続しようとすると落ちる問題に関する質問です。Windows10とUSBケーブルで接続していますが、Excelでは問題が発生し、CSVでの接続は可能です。
  • p-touchとExcelをデータベース接続する際にクラッシュするトラブルについての問い合わせです。Windows10を使用し、接続方法はUSBケーブルです。CSV形式では問題なく動作しています。
  • ユーザーがp-touchをExcelにデータベース接続しようとするとソフトウェアが落ちるといった問題が発生しています。使用環境はWindows10とUSB接続で、CSVでは正常に接続が可能です。
回答を見る

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

質問する