• ベストアンサー

主要ポータルサイトの多くがスタイルシートをあまり使わない理由

「yahoo」や「goo」などの主要ポータルサイト等のソースを見ると、多くのサイトはスタイルシートをほとんど使わず、W3Cで非推奨とされているようなタグ(例えば「font」など)を多用して作成されています。 このような大手サイトであれば、最新の技術で作成されているような気がするのですが、何か理由があってあえてこうしているのでしょうか? (例えば、あらゆるブラウザで表示可能なように、等) この件について何かご存じの方がいらっしゃいましたら教えて下さい。

  • HTML
  • 回答数4
  • ありがとう数5

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

  • ベストアンサー
noname#7132
noname#7132
回答No.4

> 対象とするユーザーを考え、幅広いユーザーを対象とする場合は > このように古いタグを使うことも必要なんですね。 いえ、とんでもない誤解です。 幅広いユーザーを対象とする場合こそ スタイルシート(以下CSSと書きます)を 使わなければいけません。 CSSの考え方では、第一段階として 「スタイルを一切適用しない」論理構造のしっかりした HTMLをまずつくることが求められます。 これができた場合、どんなブラウザでも 見ることができます。 そこから第二段階として「デザインをしたい人は CSSを使ってご自由に」となるわけです。 誤解を恐れずに言えば、CSSはオマケです。 やってもやらなくてもいいんです。 W3Cが求めているのはあくまで、前提にある 「論理構造のしっかりしたHTML」= 「どんなブラウザでも閲覧できるHTML」ですので お間違えにならないように。 実際私は、文字ブラウザの「Lynx」でよく いろんなページをチェックしますが、 http://www.t3.rim.or.jp/~patakuti/lynx/ CSSの理念、W3Cの理念を理解して つくられているページは 何の問題もなく閲覧できます。 一方、それ以外のページは、読んでも 意味すら分からないページも多いです。 > 多くのサイトはスタイルシートをほとんど使わず、 多くの企業がCSSを採用しないのは、 適切に使用すれば「どんなブラウザにも読める」 長所を持つが、「どんなブラウザにも同じ見栄えに することは激しく困難」だという短所を持つCSSの、 後者を嫌って、というのが大きいのでしょう。 実際、CSS非対応のブラウザがあります。 とんでもない表示をするブラウザがあります。 http://www.fromdfj.net/html/html_css_bug.html http://members.at.infoseek.co.jp/cssbug/index.html しかし、こういう場合はCSSを 読み込ませない方向で考えるべきものなのです。 シートを読み込ませなくても、論理構造の しっかりしたHTMLは残りますので 閲覧に何の問題もないわけです。 これがW3Cの考え方です。 しかし企業は、そのことでそっけないHTMLに なることが嫌なんでしょう。 結局、Webページ作りには 究極の選択をしなければいけないんですね。 「どんな人にも読める」ページをつくるのか、 「どんな人にも同じデザインを見せる」 ページをつくるのか、という…。 その、文章とデザインの二者択一で オマケたるべきデザインが選ばれているという 悲しい状態になっているわけです。 なお、以下のページはHTMLの世界で 評価の高い方が書いた必読ページです。 ぜひひととおり読んでみてください。 私はHTMLやCSSに対する考え方が 180度変わりました。 http://kanzaki.com/docs/html/lesson1.html http://kanzaki.com/docs/html/htminfo10.html http://kanzaki.com/docs/html/htminfo17.html

参考URL:
http://www.t3.rim.or.jp/~patakuti/lynx/,http://kanzaki.com/docs/html/lesson1.html
Pidetsugu
質問者

お礼

ありがとうございます。 CSSについて再確認することができ、大変参考になりました。 私も普段ホームページを作成する際、なるべくCSSを使用して論理構造を重視したHTMLとなるよう心がけ、「Lynx」で表示確認するようにしています。 自分のやり方が間違っていなかったということが分かってよかったです。 ただ、最低限古いブラウザ等でも同じ見栄えにしたい箇所については、部分的に当面はCSSと併用して古いタグも使用したりしようかと思います。 また、参考となるサイトまで紹介していただき、ありがとうございます。 じっくりと読ませていただきたいと思います。

その他の回答 (3)

回答No.3

やはりあらゆるブラウザで表示できる・・・を最優先しているためでしょう。 以前、ジャンクで買ったPCにIE2.0が入っていたのですがしっかりYahooは表示できましたよ。他のサイトはレイアウトがバラバラだったり、「IE4.0以上で見てください」と表示されたり。 Yahooはたいしたものだと重いマスタ。

Pidetsugu
質問者

お礼

IE2.0で表示できたんですか!それはすごいですね。 必ずしもW3Cの提唱する方法を使うべきってわけでもないんですね。 対象とするユーザーを考え、幅広いユーザーを対象とする場合はこのように古いタグを使うことも必要なんですね。 貴重なお話、ありがとうございました。

回答No.2

一つには、Pidetsugu様がご想像の通り、ブラウザを選ばずに表示できるように、という理由があります。 もう一つは、表示スピードの問題があります。CSSをしっかり使ったページは、ロースペックのPCで見るとどうしても表示に時間がかかります。 コンマ一秒でも速く表示したいがための工夫ですね。 それでも、徐々にどのサイトも重くなってきていますが。 個人的には、CSSが採用される日もそう遠くはないと思っています。

Pidetsugu
質問者

お礼

スタイルシートを使うと、表示に時間がかかるんですか!? HTMLから切り離せて、ソースがすっきりするため、逆に早くなるのかと思ってました。 勉強になりました。ありがとうございます。

noname#8251
noname#8251
回答No.1

こったデザインをスタイルシートで設定してもNetscape4あたりはきちんと思うとおり表示できません。みながみな最新のブラウザを使っているわけではありません。本来は推奨されているものでやるべきですがきちんと表示されることを考えるとそうはいかないということではないかと思います。

Pidetsugu
質問者

お礼

やはりそういうことなんですね。 すっきりしました。ありがとうございます。

関連するQ&A

  • スタイルシートとは?

    Golive6.0で現在ホームページを作成しております。SEO関連の本を読むとh1タグで大見出しを書くとクローラーが重要キーワードと判断する・・・等と書かれているのですが、Goliveで作っていると、大きな文字で見出しを書いて、ソースを調べてもh1のタグはどこにもありません。またフォントの大きさをブラウザで変えられない様にするのもスタイルシートが関係している様な事がネットで書かれていたのですが、スタイルシートというものが何なのかさっぱり分かりません。Golive6.0ではh1タグで記入する事も、フォントの大きさをブラウザで変えられない様にする事も出来ないのですか?それともソースを自分で書き換えればその様になるのですか?出来れば書き換え方も教えて欲しいのですが誰か分かる方いらっしゃいますでしょうか?宜しくお願い致します。

  • スタイルシートでかけるものはスタイルシートを使った

    非推奨タグでなくても、スタイルシートでかけるものはスタイルシートを使ったほうが良い? htmlでサイトを作ってるのですが、スタイルシートを使うべきかhtmlで書くべきか、 どちらでもかける場合があります。 その際どちらを使ったほうがいいのでしょうか?

    • ベストアンサー
    • HTML
  • Fontタグとスタイルシートについて。

    Fontタグとスタイルシートについて。 「Fontタグは非推奨である」と最近はじめて聞きました。 そして、「その代わりにスタイルシートで色とか大きさとかを指定しろ」ということも。 なぜですか? 独学でウェブサイト作成を学んでいたため、まるで村八分されたような気分です。 また、いちいちスタイルシートに書いておくのって面倒じゃありません? たとえば「ここの文字色は赤にしたいけど、ここ以外で文字色を赤にすることは二度とない」のようなときでも、スタイルシートに記述しなければならないのでしょうか。 誰かこのもやもやを解決してください。 お願いします。

  • スタイルシートの設定について。

    質問自体があいまいですいません。 ホームページビルダーで作成したサイトがあります。 サイトはネット上で公開しています。 スタイルシートを設定して(現在はスタイルシートの設定は行っていません。)、どんなブラウザで閲覧しても、フォントサイズが固定された状態で見られるような設定方法を教えてください。 サイトはネット上で公開して運営しているため、システムはあまり大きく変えたくありません。(というよりも、技術力がありません…。) どうぞご教授宜しくお願いします。

  • ポータルサイトのニュースの情報料について

    ヤフーやgooなどのポータルサイトには、最新ニュースを検索できるコンテンツがあり、各大手報道機関が配信したニュースを見る事ができます。このニュースは、各報道機関から無料で配信されるのでしょうか?それとも各ポータルサイトの運営会社が情報料を支払っているのでしょうか?情報料をもし支払っているとしたらいくらぐらいでしょうか?

  • ポータルサイト作成したい

    ポータルサイトを運営しようと思っているのですが、簡単にポータルサイトを作成できるオープンソースは何がありますか? またデザインのカスタマイズも簡単にできるものって何がありますか? 宜しくお願いします。

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

    スタイルシートで分かりやすいサイトはありませんか? 検索で調べても難しいところばかりです。 以前にOSAKAフォントを薦めてるタグのサイトがありました。 そこが分かりやすかったのですがURLが分からなくなってしまって・・・。 どこか分かりやすいサイトがありましたら教えて頂ければ幸いです。 よろしくお願い致します。

    • ベストアンサー
    • HTML
  • スタイルシートは正しく使わないと機能しないんでしょうか

    何年もパソコンを使っていますが、HTMLに関する知識は浅薄です。 いずれホームページを作ってみたいと思うのですが、気になるのが タグに関してどの程度理解していればあらゆる環境で閲覧している人にも障害なく見れるページを作れるか、という事です。 ホームページ支援サイトは数多くありますが、 単純に<a html~や<font~など簡単なタグを紹介しているサイトからHTMLの構成を文法レベルまで紹介しているサイトまで様々です。 そこで同じ効果を表すタグでも、紹介しているサイトによって入力形式が異なっているのが気になりました。 ぱっと見でプログラムの技術力が高そうな人が作ったサイトほど サイトのデザインやソースの内容も濃く、 しかしタグに関する説明も専門用語が多く 私のような初心者には難しく出来ていて私のような初心者には解り辛く骨が折れる内容が多いです。 逆に個人が趣味で(主にスタイルシートを)提供しているタグサイトはシンプルで説明もわかり易いのですが、第三者がそのまま持って帰ってコピー貼り付けだけで構成されたページは厳密な意味で正確といえるのか不安です。 簡単なタグだけで誰にでも障害なくデザインも崩れずに見れるならそれに越したことは無いのですが、 ホームページをより複雑な構成のデザインにしたい!という時はコピペだけのソースのページはどの環境から見ている人にも(勿論PCの機種などによって多少の誤差はあるでしょうが)正しい状態で機能しているのでしょうか。 それともう一つ、いずれは何も見ずにスタイルシートを入力できるようにはなりたいのですが、 HTMLは出来るだけ「正しく」なるようにした方がいいのでしょうか。 詳しく出切ればわかり易く教えていただけると有難いです。

  • スタイルシート(CSSスタイル)が読み込めない。

    Webデザイナー修行中の者です。 社内の人が作ったホームページ。背景や線の画像を各 ページで統一するため、ソースをコピー&ペーストして 新たなページを作ったのですが、作成の時点では線画像も 背景も表示されるのですが、ブラウザで見てみると背景も 線も出ません。 おそらくスタイルシートというもの(CSSスタイル)が 読み込めていないのだと思いますが、考えられる原因は どんなものでしょう? 作成者に聞けばいいのでしょうが、いないので聞くことが できません。 かといって、大幅にページを変更する時間もなく、私が 作るページだけを全く別の背景等にするのも、不自然な ものになってしまいます。 業務にかかわるものですので、Webページやタグを公開 できないのですが、アドバイス、よろしくお願いいたし ます。 作成はメモ帳、またはDreamweaver4を使用しています。

  • スタイルシートのタグの入る部分

    タグの本を読んでいたのですが、スタイルシートが推奨されるそうです。 私も使いたいんですが質問があります。 (背景) <STYLE type="text/css"> <!-- BODY { background-image : url(""); background-attachment: fixed; background-position: 100% 100%; } --> </STYLE> 一応HTMLの<body>タグの中に書いているのですが TEXTの場合 <STYLE TYPE="text/css"> #left {text-align:left;} </style> <body> <p ID="left">字</P> </BODY>  スタイルシートの<STYLE TYPE~>から</BODY> をそのままHTMLの<BODY>タグの中に貼り付けて良いんでしょうか? 個人的には<body>タグの中にまた<body>タグ!? もしかすると<STYLE>タグは<HEAD>タグの間に ソースの<BODY>タグの中身だけHTMLの<BODY>に貼り付けるのでしょうか?  もう一つ、先の背景と文字のスタイルシートを同時に使う場合 <STYLE>の中に背景と文字を一緒に書いていいのでしょうか? 自分としては<STYLE>タグが分かれているとバグらないか不安なんです。 まとめると (1) <HTML>   <HEAD></HEAD>   <body>      <STYLE>ソース(中に<BODY>タグがまだ入っている)</STYLE>   </BODY>   </html> で良いのか? (2)HTML>   <HEAD>  <style>~</style>の部分  </HEAD>   <body>      <STYLE>ソース<BODY>タグで囲まれた部分   </BODY>   </html> (3)二つのソースがあった場合   <style> ソースA と ソースB </STYLE>   <BODY>  ソースA ソースBのbody部分  </body> まとめて良いのでしょうか? ps まとめても、分けても WEB上にアップして見ても    普通に表示できました、でもどれかが無茶な(無理の、無駄のある)    文法だと思うんです。 解りづらい説明かと思いますが、アドバイス頂けませんか?

    • ベストアンサー
    • CSS