Web標準仕様に付いての覚え書き
Web標準とは、World Wide Web 上で標準的に利用される技術のことです。 その仕様は、W3C(World Wide Web Consortium)、ISO(International Organization for Standardization)、 IETF(Internet Engineering Task Force)、ECMA(European Computer Manufacturer Association) 等の国際的な組織によって策定されています。
Web標準仕様に準拠することは、誰でもアクセスできて、 どんな環境から見ても見栄え（レイアウト）の変わらない・利用することのできるユニバーサルデザインのウェブサイトを作ることを目的としています。 また、ウェブページを閲覧するためのアプリケーションソフトである Internet Explorer や Netscape、Mozilla、Opera などのグラフィカルブラウザ（視覚的ブラウザ）も、 この Web標準の仕様をサポートするように開発されています。
Web標準の仕組み
では、Web標準とはどのような仕組みなのか？
Web標準では「文書構造データ」と「書式データ」に分割して記述することが、Web標準のポイントになります。それを満たすことによって以下のようなメリットが発生します。
使ってはいけない要素と属性
要素一覧
| 要素名 | 代替案 |
|---|---|
| applet要素 | object要素に代替 |
| basefont要素 | body要素にfont-sizeプロパティで指定 |
| center要素 | ブロックレベル要素は、margin-right と margin-leftの両プロパティ値に「Auto」を指定 インライン要素については、親要素のブロックレベル要素に対しtext-align:center;を指定 |
| dir要素 | ul要素に代替 |
| font要素 | color,font-size,font-familyの各プロパティで指定 |
| frame要素 | なし |
| frameset要素 | なし |
| iframe要素 | object要素に代替 |
| isindex要素 | form要素とinput要素（及びスクリプトなど） |
| menu要素 | ul要素 |
| noframe要素 | なし |
| s要素 | 削除分を意味するのならdel要素、装飾ならCSS、text-decoration:line-throught;で指定 |
| strike要素 | 削除分を意味するのならdel要素、装飾ならCSS、text-decoration:line-throught;で指定 |
| u要素 | 強調を意味するのならばemまたはstriong要素で代替、装飾ならtext-decoration:underline;で指定 |
属性一覧
| 対象となる要素 | 属性名 | 代替案 |
|---|---|---|
| (全要素) | lang属性 | xml:lang属性 |
| (a要素) | name属性 | id属性 |
| target属性 | なし | |
| (area要素) | target属性 | なし |
| (body要素) | text属性 | colorプロパティ |
| bgcolor属性 | background-colorプロパティ | |
| background属性 | background-imageプロパティ | |
| link属性 | a要素に :link疑似クラス使用 | |
| alink属性 | a要素に :visited疑似クラス使用 | |
| vlink属性 | a要素に :active疑似クラス使用 | |
| (br要素) | clear要素 | 親要素にclearプロパティで指定 |
| (caption要素) | align属性 | caption-sideプロパティ |
| (div要素) | align属性 | ブロックレベル要素は、margin-right と margin-leftの両プロパティ値に「Auto」を指定 インライン要素については、親要素のブロックレベル要素に対しtext-align:center;を指定 |
| (form要素) | name属性 | id属性に代替 |
| (h1〜h6要素) | align属性 | text-alignプロパティ |
| (hr要素) | align属性 | margin-right と margin-leftの両プロパティ値に「Auto」を指定 |
| noshade,size属性 | ボーダー関連プロパティ | |
| width属性 | widthプロパティ | |
| (html要素) | version属性 | 文書型宣言 |
| (img要素) | align属性 | vertical-alignプロパティまたはfloatプロパティ |
| border属性 | ボーダー関連プロパティ | |
| hspace,vspace属性 | マージン関連プロパティ | |
| name属性 | id属性 | |
| (input要素) | align属性 | vertical-alignプロパティまたはfloatプロパティ |
| (legend要素) | align属性 | なし |
| (li要素) | type属性 | list-style-typeプロパティ |
| value属性 | なし | |
| (link要素) | target属性 | なし |
| (map要素) | name属性 | id属性 |
| (object要素) | align属性 | vertical-alignプロパティまたはfloatプロパティ |
| border属性 | ボーダー関連プロパティ | |
| hspace,vspace属性 | マージン関連プロパティ | |
| (ol要素) | compact,start属性 | なし |
| type属性 | list-style-typeプロパティ | |
| (p要素) | align属性 | text-alignプロパティ |
| (pre要素) | width属性 | widthプロパティ |
| (script要素) | language属性 | type属性 |
| (table要素) | align属性 | floatプロパティまたはマージン関連プロパティ |
| bgcolor属性 | background-colorプロパティ | |
| (td要素) | bgcolor属性 | background-colorプロパティ |
| width属性 | widthプロパティ | |
| height属性 | heightプロパティ | |
| nowrap属性 | white-spaceプロパティ | |
| (th要素) | bgcolor属性 | background-colorプロパティ |
| width属性 | widthプロパティ | |
| height属性 | heightプロパティ | |
| nowrap属性 | white-spaceプロパティ | |
| (tr要素) | bgcolor属性 | background-colorプロパティ |
| (ul要素) | compact属性 | なし |
| type属性 | list-style-typeプロパティ |
