web標準、実際どのくらい実行されてるのでしょうか

質問

知り合いから頼まれて・・・という程度で個人でＨＰ製作の仕事をしています。
１０年前から知識を更新していなかったため、つい昨日、web標準という言葉を知りました。
今の今まで、テーブル組みでＨＰ製作をしていました。
徐々にcss＋xhtmlでの作成に切り替えていければ・・・とは思うのですが、実際のところ、世間ではweb標準で作成されているＨＰは個人や大手企業などのサイトを含め何割くらいが実行されているものなのでしょうか。

回答No.8

神崎 渉瑠（@taloo） · ベストアンサー

コンピューター関連（CG、DTM、DTP等除く）の専門家の個人サイトであれば8割以上がスタイルシートレイアウト（テーブルレイアウトではない方法、いわゆるWeb標準）を使ってらっしゃるでしょうけど、
ホビー関係、イラスト、写真（旅行日記など)なら、
9割以上がテーブルレイアウトやフレーム、HTMLタグの意味と異なる目的でタグを使用されていると思います。
（SNS、ブログを使用している場合はそのシステムに準じる。
ただしブログでも「ネタバレ注意：スクロールして下さい」として、HTMLソースを見ると<br />が30個くらい続けている所も多い。）

大手企業なら100%、小さな会社でも5割以上はスタイルシートレイアウトだと思います。

○○を考えれば、○○に対応するには、、、という様々な理由で"Web標準"、スタイルシートレイアウトを推奨はしますが、
全員がプロである必要はありませんし、
全てのサイトで音声ブラウザなどのアクセスがあるわけではないと思いますので、
テーブルレイアウトでも、私は問題ないと思います。

アクセシビリティーの話が出てきていますが、それ（とユーザビリティー）を考えて作られているところは少ないと思います。
特に最近は、Ajax、Flashの関係でJavaScript、CSS対応ブラウザ必須のところが増えてきていると思います。

> 徐々にcss＋xhtmlでの作成に切り替えていければ・・・とは思うのですが、

昔からのDWの作り方は、テーブルレイアウト＋スタイルシートで見栄え調整です。
その作り方をしていれば、スタイルシート（CSS）の書き方の基本はすぐにわかると思います。

「横に並べるにはスタイルシートをどう書けばいいか」とか、
そういうスタイルシートの組み合わせ方の方が難しいと思いますが、
「CSS 段組表示」などで検索してみて下さい。

DWでスタイルシートレイアウトを使われるなら、CS4が良いと思います。
プレビューのスタイルシートの対応状況がブラウザの種類やバージョン、DWの場合はDWのバージョンで大きく異なりますので、
Safari、Chromeと同じような表示になる（らしい・・・まだ使ったことがないので)CS4の方が作りやすいと思います。

お礼

アドバイスありがとうございます。
>小さな会社でも5割以上はスタイルシートレイアウト
５割、納得です。
お気に入りに入れているHPをよく見てみましたが、
中小企業HPは社内の人間が作っているのかな・・・？
と思えるようなデザインだと確実にテーブルレイアウトですね。
DW、CS4が使いやすいとの情報ありがとうございます。
DW3では古すぎるのか、試しにDLしたテンプレートを、
CSSとHTMLどのように連動してデザインしていけばいいのか
さっぱりわかりません。
講座を受けてみようかとも検討中です。
いろいろありがとうございます。

回答No.11

aegills

HPの利用目的によるかと思います。
xmlへの移行でxhtmlが策定されるも、htmlが依然として使われ、
HTML5が策定されているような状態ですので。

SEOやアクセビリティを意識する、またはJavascriptを使用した
動的なサイトを作成するならxhtml 1.0 Transitional とCSS2.1を推奨します。
(SEOはxhtml 1.1 と CSS2.1がベターですが、互換を考えるとxhtml1.0でしょうか..)
上記の理由により、大手サイトであればxhtmlを採用しているところがほとんどです。

それ以外であれば、ブラウザのCSS対応がまちまちですので、
「きちんと見えるサイト」を優先し、レイアウトの崩れない
テーブルレイアウトが一番作業しやすいのではないかと思います。
(ソースは読みにくくなりますが・・・)

先進技術を取り入れたければ、ブラウザ分岐を使用しHTML5+CSS3で作るのも良いかもしれません。

回答No.10

naokita

本格的なweb標準、アクセシビリティって事でしたら１割未満だと思います。
HTML/XHTML ＋ CSSなら５～７割以上程度になったと思います。

制作を業とするならば、web標準とまでいかなくとも
CSSで制作すべきです。
他者が作ったCSSサイトを変更出来なかったり、
クライアントの要望に応えられなかったり、
素人以下と思われたり恥をかく可能性があると思うのですが・・・。

と言っても、Yahoo,Google,Bingなどでも、
あれ？　と思うような面も多々ありますので安心して下さい。
文法を考慮するのであれば、
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
まずは、ここで90～100点を目指して下さい。
W3Cなら　http://validator.w3.org/
http://jigsaw.w3.org/css-validator/validator.html.ja

特別、講座や学校などで勉強しなくとも独学で十分です。
ただ、多々あるwebサイトを拝見すると、
デザインとweb標準が全く真逆になる傾向もありますので
そのバランスが重要だと思いますが・・・

お礼

アドバイスありがとうございます。
>素人以下と思われたり恥をかく可能性があると思う
ごもっともです。
あやうく恥をかくところでした（汗）
まだ知り合いにはこのことはバレていないので、
知られぬうちにCSSで作り直そうと思います。
少しいじってみて、なんとなく段組みがわかってきましたので、
本やネットからいろいろ勉強させてもらおうと思います。
ありがとうございます。

回答No.9

ganmo717

talooさんの言うこともわかりますが、やはり個人サイトであれ何であれＷＥＢ標準を目指すべきだと思います。

回答No.7

noname#100277

割合に関しては不明。
サイトの構築で「見栄え」を優先させるのは論外でしょう。
表（table）は飽く迄「表」としての役割で・・・

回答No.6

ganmo717

表はテーブルでも構いません。

但し、テーブルも仕様書通りにマークアップして下さい。

回答No.5

kyotokyo

>今すぐCSSできちんと作るのは難しいので、取り急ぎテーブル組みで作るＨＰがあったとして、
>後々デザインは変えずに中身？コーディング？をCSSに変えていく場合、気をつける点などありますでしょうか。

テーブルで出来ることは、すべてCssでも実現可能ですので
とりあえずテーブルレイアウトを続けて
少しずつCssに置き換えていけばいいと思います。

気をつける点ですが、
Cssの<div>タグを使ったレイアウトは
表を使ったレイアウトとかなりの違いがあります。

ですので
テーブルレイアウトのことは忘れて勉強しないと
なかなか身につかないと思います。

また、Cssに対応したエディタ(HPビルダー、Dreamweaver等）
を使わないと作業効率があがらないと思います

まあ、Cssは慣れですので
いろいろ試してやればすぐに使いこなせると思います。

お礼

さっそくのアドバイスありがとうございます。
大変参考になります。

現状Dreamweaver3を使っています。
今までCSSはhtml内に書き込んでしか使ったことが
なかったので、CSSと分けて作る、
使い方から勉強しなければいけませんね（汗）
ありがとうございました！

回答No.4

kyotokyo

Web標準というのは、おそらくW3C準拠のことを言っているのだと思いますが
W3C(web標準を定める機関)勧告では、テーブルレイアウトは論外です。

なぜなら、
HTMLは構造言語なので、あくまで文章やその構造を示すのが正しいからです。
Webサイトのレイアウトや表現は、すべて表現言語であるCssで実現すべきなのです。

最近は、HTMLをXMLで表現したXHTMLが普及しつつあり
XHTML＋CSSがスタンダードとなりつつあります。

ただ、個人のサイトではいまでも
テーブルレイアウトが多く見られますし
商業サイト等でなければ、そこまでこだわる必要はないでしょう。
一般人はwebサイトのソースなんて見ないでしょうし。

大手のサイトで
テーブルレイアウトをやっているサイトはほぼ無いでしょう。
CSSを使わないと細かい表現は難しいですし
SEOの関係からもHTMLはできるだけ簡素化すべきですので。

まとめると
本業でないなら、そこまでこだわる必要はありません。
ただCSSを覚えて損な事はまったくないですので、勉強してみてはどうでしょう

お礼

ご回答ありがとうございます。
>本業でないなら、そこまでこだわる必要はありません。
安心しました～
>ただCSSを覚えて損な事はまったくないですので、勉強してみてはどうでしょう
勉強してみます！
ありがとうございます！

質問してよろしいでしょうか。
今すぐCSSできちんと作るのは難しいので、取り急ぎテーブル組みで作るＨＰがあったとして、後々デザインは変えずに中身？コーディング？をCSSに変えていく場合、気をつける点などありますでしょうか。
よろしくお願い致します。

回答No.3

suzuko

＃２です。すみません。書き間違いました。

アビリティ→アクセシビリティ

回答No.2

suzuko

公的なサイトはほとんどweb標準ですね。

あと、お年寄りを含む障害のある人をターゲットにする企業は、web標準はもちろんアビリティにも気をつけていますよ。

ちなみにweb標準の問題点の回避方法が参考URLには載っています。

アビリティチェックはこれ↓
http://www.research.ibm.com/trl/projects/acc_tech/adesigner.htm

参考URL：

http://bd.dotted.jp/archives/84/

回答No.1

noname#119957

1999年にはxhtml1.0が公開され、htmk4.0はバージョンＵＰはされません。
cssに関しては、共通仕様ですので、実質上変わりはありません。
最近のサイトの場合は、xhtmlかxmlが多くなっていますね。
ソースを表示してご覧ください。