web dimension maker

ちょっと IE8 beta 2 をインストールすることになったので、少し IE8 について調べてみました。メモ程度です。

公式ぽいもの

• Internet Explorer 8: ホーム ページ
• Internet Explorer デベロッパー センター

レタリングモード

• IE8 標準モード
• 互換モード
• IE7 標準モード

IE8対策

• サーバのHTTPヘッダからレタリングモードを一括指定
• metaスイッチでページ単位にレタリングモードを指定
• 条件分岐コメントで専用CSSを使う

HTTPヘッダについては Internet Explorer 8 Beta 1 で Web サイトが正しく表示されないことがある から Windows Server 2008 の場合の設定のしかた。

metaスイッチ、条件分岐コメントは IE8について...。 - Blog | sevenstyleweb から。また、デベロッパーセンター内の IE の互換性 とか。

CSS IE7,IE8 で完全対応するもの。

詳しい、一覧は CSS Compatibility and Internet Explorer から。

属性セレクタ

• [att=val] { sRules }
• [att] { sRules }
• [att|=val] { sRules }
• [att~=val] { sRules }
• [ns|attr] { sRules }
• [att^=val] { sRules }
• [att*=val] { sRules }
• [att$=val] { sRules }

子セレクタ 隣接セレクタ 間接セレクタ

• E + F { sRules }
• E > F { sRules }
• E ~ F { sRules }

擬似クラス

• :first-child { sRules }

セレクタに関しては、CSS セレクタに関するおさらい | WWW WATCH で復習。

プロパティ

• { background-attachment : sAttachment }
• { max-height : sMaxHeight }
• { max-width : sWidth }
• { min-height : sMinHeight }
• { min-width : sMinWidth }
• { overflow : sOverflow }
• { position : sPosition }
• { overflow-x : sOverflow }
• { overflow-y : sOverflow }

新機能(一部)

Web Slice

• ページの一部分をRSSのように購読できる。
• 活用するには特別なHTMLの書き方がある。(特別なclassを付ける。)
• RSSフィードとして提供する。
• 例) 価格.com - IE8　Web Sliceを使って気になる製品の価格情報をキャッチ！

アクセラレータ

• 例えば、ある住所を選択すると、青いアイコンが出てきて、ページを遷移することなく検索等ができる。
• 何で(webアプリ)検索するかは、サイト製作者側からも設定ができる
• OpenServiceフォーマットのXML
• 例) 価格.com - IE8(bate用)　アクセラレータ　価格.comプラグイン

おまけ

• はてなブックマーク - keisukeのブックマーク