質問内容ですが、HPで画面(デスクトップ?)に出てくるページの容量はどういう風に、考えたらいいのでしょうか?
というのは、タグのテキストファイル+画像=全体の容量なのか、タグのファイルは容量に入りますか?ということです。

あと、タイトルにもなっているスタイルシートを使えば、
デザインを変えないで、容量を減らせたり出来ますか?
(スタイルシートは、別ファイルをタグに組み込むと、表示されるみたいなことができると聞いたので)

というのが、質問です。分かる方、ぜひ教えてください。よろしくお願いしますm(_ _)m

このQ&Aに関連する最新のQ&A

A 回答 (2件)

ユーザエージェント(wwwブラウザ)がページを表示するためには、まずそのページの元になっているHTML(ないしそれに類するファイル)、およびそのHTMLが参照しているすべてのファイルを解析しなければなりませんから、HTMLに含まれるタグも容量の一部に含めて考えるべきです。


スタイルシートを使えばHTML本体のファイルサイズを節約することはできますね。今まで本文中に何度もフォントサイズや色、タイトルの体裁を設定していたのをすべて省略し、論理マークアップだけにすることができるわけですから。
ただその場合でも、HTMLが指定しているCSSをブラウザも当然読み込む必要があるので、最終的にブラウザが取得しなければならないデータサイズが少なくなるわけではありません。
(ユーザ側の設定でスタイルシートをOFFにしている場合は別)

>>(スタイルシートは、別ファイルをタグに組み込むと、表示されるみたいなことができると聞いたので)
そうではなくて、H1ならこの文字サイズで色は赤、H2なら色は青、とか、行間、マージン、リンクや本文の色や書式などを一括して指定するのがスタイルシート(CSS)の役割です。
いちいちHTMLのタグごとにCSSを呼び出すわけではありません。
    • good
    • 0
この回答へのお礼

回答ありがとうございました。

初めて知ったのが、スタイルシートはOFFにしたり出来たんですね(^^;)

未熟な自分に的確な回答、本当にありがとうございました(^^)

お礼日時:2001/08/05 01:15

>スタイルシートを使えば、 デザインを変えないで、容量を減らせたり出来ますか?



できますよ。特に1行ごとに書式を頻繁に変える場合なんかは効果絶大ですね。
スタイルシートに、<H1>(タイトル)はこんな書式、<p>(本文)はこんな書式、って感じに登録しとけば、次からは、<H1>タグを入れるだけでタイトルの書式になりますし、<p>を入れるだけで本文の書式になります。

全ページに共通の書式をスタイルシートにしといて、別ファイルとして保存すると、他のページを表示するときにHDDのキャッシュからスタイルシートを取得するようになるんで、そこでも若干の高速化が期待できるかと思います。



トップページの容量に関しては、画像も含めた総容量で考えれば良いんじゃ・・・
「トップページの容量を小さくする」ってのは結局「トップページが読み込まれるまでの速度を短くする」ってのと同義ですから、画像まできちんと読み込んだ時点で、「表示が完了した」とするのが妥当でしょう。
    • good
    • 0
この回答へのお礼

回答ありがとうございました。

なるほと、そういう時が一番効果的なんですね。
友達に聞いた時は、ぜんぜんわかりませんでした・・・。

と、ともかく、今回は本当に回答ありがとうございました(^^)

お礼日時:2001/08/05 01:20

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qスタイルシートの見出しタグについて

はじめまして。メモ帳にスタイルシートを使ってホームページ作成をしています。表セル内に見出しタグを使ってクラス分けをしているのですが、どうしてもh1~h6の見出しタグを使うと、文字の下に下余白がかなり出来てしまいます。普通に文中でならいいのですが、表セル内では前後の余白が違うと見た目、かなりアンバランスになってしまうのです。
ホームページリーダーなどにも対応させたいので、どうしても見出しタグを使用したいのです。
マージンやパディングで調節しましたが、それだと下余白の分が基準で、さらに上が広がってしまい、セル幅が全体的に無駄な余白で占領されることになってしまいました。

よろしくお願い致します。

Aベストアンサー

表のセルの方のmargin/paddingの調整と、
hタグの方のmargin/paddingの調整をあわせればできます。

no1の方がふれられています通り、
方向別(上下左右)に個別に指定してやれば微調整が可能です。

QスタイルシートをHTMLタグの中に書きたい。

初めまして、こんにちは。
Jugemにて、ブログをやっています。

ブログのテンプーレトには、CSSファイルとHTMLファイルがあり、
ページの全体的なCSS/HTMLは変更することが出来るのですが、
1つ1つの記事に対して、HTMLタグの中にスタイルシートを
組み込んでいるタイプのタグを使用したいと思って、
HTML/CSSのサイトを見て、試行錯誤やってはみたのですが、
HTMLタグに組み込むソースの書き方や詳細な情報が見つけられずに
困っています。
どなたか、このHTMLタグにCSSを組み込むタグ一覧と詳細な書き方が
記載されているweb siteをご存知ありませんでしょうか?

どうぞ、ご回答のほうよろしくお願いいたしますm(_ _)m

Aベストアンサー

HTML系では「とほほのWWW入門」が、よいのではないでしょうか。
ブラウザ対応状況などは少々古いですが、詳しくまとめられています。

スタイルシート→基礎知識
を読みましょう

HTMLヘッダに埋め込むのではなくて、タグの中に埋め込む時には
<div style="color:red;">あいうえお</div>
とします

複数のstyleを指定するときは
<div style="color: red;font-size: 50px;">あいうえお</div>
です

がんばってください

参考URL:http://www.tohoho-web.com/www.htm

Qスタイルシートでデザイン

現在スタイルシートを使ってホームページを作成中の者です。
しかしそのデザインがうまくいかず困っております。

文字が中央に打ってある長方形の赤枠があります。
間20PXくらいあけて平行にまた文字が中央に表記されてある枠を置きたいのですがうまくいきません。

marginとpaddingでpxを指定しているのですが両者の枠が平行にならず
片方の枠が下の方に下がってしまいます。

視覚化するとこんな感じにしたいのですが

  ーーーーーー          ーーーーーー
  | 映画 |          | 小説 |
  ーーーーーー          ーーーーーー

いつも

  ーーーーーー         
  | 映画 |  
  ーーーーーー          
                  ーーーーーー                            |    |
                  ーーーーーー

とこんな感じに片方の枠が下の方にずれてしまいます。
指定の仕方に問題があると思うのですが、
何分初心者なもんでよく分かりません。

marginは右枠40px550px150px30px
    左枠10px550px150px30px
にしています。
上をそろえさえすれば両枠平行になるだろうと思っていたのですが
全くなりません。ずれるばかりです。

わかりにくい説明でふがいないですが
どなたかお分かりの方おられればよろしくお願いします!

現在スタイルシートを使ってホームページを作成中の者です。
しかしそのデザインがうまくいかず困っております。

文字が中央に打ってある長方形の赤枠があります。
間20PXくらいあけて平行にまた文字が中央に表記されてある枠を置きたいのですがうまくいきません。

marginとpaddingでpxを指定しているのですが両者の枠が平行にならず
片方の枠が下の方に下がってしまいます。

視覚化するとこんな感じにしたいのですが

  ーーーーーー          ーーーーーー
  | 映画 |   ...続きを読む

Aベストアンサー

[映画]と[小説]の間が折り返されているのかも知れません。
[映画]と[小説]を折り返さずに表示できる領域を指定しておけばいいかも知れません。
下の例では<div class="menu">でこの領域の幅をwidth: 700px と十分大きく取っています。

<html>
<head>
<style>
div.menu { width: 700px; }
div.menu span.item {
display: inline-block;
border: solid 1px red;
padding: 4px;
width: 80px;
text-align: center;
}
/*          上  右  下  左  */
span#movie { margin: 10px 150px 30px 150px; }
span#novel { margin: 10px 50px 30px 150px; }
</style>
</head>
<body>
<div class="menu">
<span id="movie" class="item">映画</span>
<span id="novel" class="item">小説</span>
</div>
</body>
</html>

[映画]と[小説]の間が折り返されているのかも知れません。
[映画]と[小説]を折り返さずに表示できる領域を指定しておけばいいかも知れません。
下の例では<div class="menu">でこの領域の幅をwidth: 700px と十分大きく取っています。

<html>
<head>
<style>
div.menu { width: 700px; }
div.menu span.item {
display: inline-block;
border: solid 1px red;
padding: 4px;
width: 80px;
text-align: center;
}
/*          上  右  下  左  */
span#movie { margin: 10px 150p...続きを読む

Qスタイルシートについて

携帯サイトを運営してる者です。

スタイルシートで
「 display:none 」
というのを使うと、携帯からは表示されるが
パソコンからは非表示になります。

その逆で、パソコンからは見れるが
携帯からは見れないというスタイルシートの使い方はありませんか?

スタイルシート以外での対応などは、受け付けておりません。
スタイルシートでできない場合は、できないとお教え下さい。

よろしくお願い致します。

Aベストアンサー

> スタイルシートで「 display:none 」というのを使うと、携帯からは表示されるがパソコンからは非表示になります。

それは単に携帯電話が CSS に対応していないだけです。将来、携帯電話が CSS にちゃんと対応すれば「 display:none 」が指定された部分は携帯電話でもパソコンでも表示されなくなるでしょう。

> パソコンからは見れるが携帯からは見れないというスタイルシートの使い方はありませんか?

CSS では、規格上は @media ルールというのを使えば可能ということになっていますが、それに対応している携帯電話は今はまだ少ないでしょうから、事実上不可能です。

Qスタイルシート font size

レンタル掲示板にHTMLを挿入しています。
文字の大きさを指定する時に、 font size="○" で指定する分にはなんら問題はありません(大きさが変化します)が、スタイルシートでテーブルに table style="font-size:○px;" と指定しても変化がありません。
たしかに HEAD 内で指定はしていますが、スタイルシートの優先順位はタグに直接付けたほうが優先されるとあります。
HEAD 内の指定が優先されているようです。
なぜこうなるかがわかりません。

それともお借りしているレンタル掲示板のプログラムがまちがっているのでしょうか?
よろしくお願いします。

Aベストアンサー

td に対して指定してやればどうでしょうか


人気Q&Aランキング

おすすめ情報