世界中の有名企業が参加しています。有識者が議論して仕様を決めているのです。HTMLの仕様を決めるのにかかるコストは企業が支払っているともいえます。W3Cは仕様の案ができてから正式なものとして勧告をするまでに世界中から自由に意見を募るということをするなど、しっかりしたプロセスを経る代わりに相当に時間がかかっていました。仕様の内容と現場が求めるものが乖離しているということに不満を持ったメンバー、Apple社、Mozilla社、Opera社によって2004年にWHATWGが誕生します。Standardが正式なものとなりました。してW3CやWHATWGが活動するのかただの物好きが集まっているわけではありません。ブラウザは、どこが作っているでしょうか?そうです、企業です。ブラウザでどう表示したくて、それにはどういう仕様がよいのか、というのをそれぞれの企業が持ち寄っている形になっています。自社にとって不利にならないように、有利に運べるように、というのが企業としての狙いとしては少なからずあるはずです。Explorer(以下、IE)のサポートが2022年6月15日(米国時間)で終わりましたが、IEはどうしてシェアを失ったのでしょうか?IEのシェアが下がり始めた頃、MicroSoftはSilverlightというHTMLに置き換わり得る技術を推進していました。AdobeのFlashに似たような技術です。Silverlight」という議論が活発でした。私もどの技術が勝ち残るか、その頃は読めなかったです。ブラウザ依存がなく、諸々Microsoftだけで完結し、アクセシビリティの対応など進んでいたSilverlightに勝ち目はあると思っていたのですが、結果はHTML5の圧勝でした。その時点では表現の自由度、アクセシビリティの対応などで必ずしもHTMLが有利とも言えない状況ではあったのですが、特定の企業に依存する技術が普及するというのは他の企業にとって不利なので、その点でHTMLが勝ち残ったというのもあるのではと思います。私はこの頃にW3Cの活動にも多少ながら参加しています。標準仕様というのが重要で、素晴らしいかを実感しています。標準化団体が定めた仕様を、実際にブラウザでどう表示するかは、ブラウザの仕様を決める企業が決めることです。IEは、HTMLで定められていった新しい仕様のサポートがされない部分が多かったです。するとコンテンツ開発者は、IEのために特別な対応を強いられます。コンテンツ開発者が対応しきれないと、エンドユーザーが不便を強いられます。HTMLを参照するもの(これをユーザーエージェントと呼びます)のひとつに、スクリーンリーダーもあります。スクリーンリーダーは主に視覚障がい者が画面を読み上げながらウェブを利用するためのものです。スクリーンリーダーも、標準仕様を踏まえて読み上げ方を決めています。<a>テキストリンク</a>であれば、それがテキストリンクであると解釈して、エンドユーザーに読み上げてそう伝えるのです。Googleが重視する「サイト閲覧者のため」であるので、ウェブ標準仕様に沿っているかどうかは、SEOにも強く影響します。事実、不思議と上位に表示されてないようなサイトのコードを見ると、ウェブの標準仕様からかけ離れたものであるということが多いです。コンテンツ開発者も標準仕様を意識するべきブラウザによっては、標準仕様に従ったコーディングではなくても、ある程度よきに計らってくれます。コンテンツ開発者がそれに甘えていると、「技術仕様の検討」、「ブラウザの開発」、「コンテンツの開発」、この3者間に負の循環が生まれます。エンドユーザーも、標準仕様に従ったコーディングになっている方が慣れていて使いやすいと感じることが多いはずです。私は、ウェブに関わる全てのステークホルダーは、標準仕様を強く意識するべきだと思っています。このような仕組み、背景をよく知っているので、私は標準仕様を常に意識しながらデザインをしています。最近は、CSSに新しい仕様がどんどん加わり、それに対するブラウザの対応も進んでいるので、デザインの自由度が高く、私もウェブデザインが楽しいと思うようになりました(以前は、制約との戦いが主でした)。まとめこの記事でHTMLの仕組みについて少しでも分かった、という方がいれば幸いです。Inada)2003年から大手総合電機メーカーでUXデザインプロセスの研究、実践。UXデザイン専門家の育成プログラム開発。SEOにおいても重要なW3Cが定めるWeb標準仕様策定にウェブアクセシビリティの専門家として関わる。保有、数年間ウェブアクセシビリティ基盤委員も務める。その後、不動産会社向けにSaaSを提供する企業の事業開発部で複数サービスを企画、ローンチ。CMSを提供し1000以上のサイトを分析。顧客サポート、サイト運営にも関わる。2022年3月にBringFlowerを開業し、SEOコンサル、デザイン、ウェブ制作を一手に受ける。グッドデザイン賞4件、ドイツユニバーサルデザイン賞2件、米国IDEA賞1件の受賞歴あり。検索ノウハウ一覧カテゴリーSEO69ホームページ制作67アクセシビリティ6WordPress32HTML&CSS12JavaScript16PHP4その他6UX4同じカテゴリーの他の記事CSSで画面の幅に応じてフォントサイズを変える画像やdiv要素の幅はブラウザの幅に応じて変えられても、フォントサイズはメディアクエリ―を使うしかな...HTMLとCSSのみでWebサイト用のタブ切り替え(タブパネル作成)タブパネルをCSSのみ(JavaScriptなし)で作成する方法についてご紹介します。