製品レビュー
使い勝手とセキュリティ機能が改善された新ブラウザ、Internet Explorer 7

6.CSS2.1/国際化ドメインへの対応、ページプレビュー機能の強化

海津 智宏
2006/04/20

CSS2.1対応

 Webページを作成する場合、HTMLには文書構造と情報のみを記述し、デザイン要素はCSS(Cascading Style Sheets)として分離することがアクセシビリティの観点から望ましいとされている。IE6でも基本的なCSSは解釈できるため、現時点でもCSSを用いたWebサイトは多い。

 CSSの規格はW3Cによって標準化されている。W3Cでは、CSSの機能レベル3段階に分け、CSS Level 1(CSS1)、CSS Level 2(CSS2.1)、CSS Level 3(CSS3)として公開している。ただしCSS1は勧告となっており、CSS2.1とCSS3はワーキング・ドラフト(草案)の段階である。IEはVer.6ですでにCSS1に準拠しているが、IE7ではCSS2.1への部分的な対応がなされており、これによりウィンドウの固定位置に要素を描画するFixed Positioningや、マウス・オーバー時のデザイン(:hover)を<a>タグ以外でも適用できるようにする、バックグラウンド画像の位置固定を<body>タグ以外でも適用できるようにする、などの改善がなされている。

Acid2 Browser Testのサイト(Web Standards Project)

 ただし、IE7がCSS2.1に完全に準拠しているというわけではない。特に、「疑似要素」や「疑似クラス」と呼ばれる機能にはIE7では処理できないものが多い。例えば、疑似要素を用いて特定のタグの前後に内容を追加したり(:before、:after)、疑似クラスを用いてフォーカスのある要素のデザインを変更したり(:focus)する機能はIE7では利用できない。ブラウザがCSS2.1に準拠しているかどうかを調べるためのテストとして、Acid2テストがよく利用されるが、IE7でこのテストを実行してみれば、CSS2.1への道のりはまだまだ長いということが確認できる。

IE7のAcid2テスト結果
CSS2.1に完全に対応していれば、右側にある顔の絵が表示されるはずだが、IE7(使用したバージョンは7.0.5730.11)ではこのような結果になる。CSS2.1への道のりはまだまだ長い。

国際化ドメイン名対応

日本語.jp(日本レジストリサービス)【IE6以前の場合はこちら】
日本語.jp(日本レジストリサービス)【IE7の場合はこちら】

 URL文字列に使われるドメイン名は、従来ASCII文字しか利用できなかったが、日本語文字などをドメイン名に含める国際化ドメイン名(IDN:Internationalized Domain Name)の技術が規格化され、数年前から利用可能となっている。IE6では国際化ドメイン名を利用するためにはプラグインを追加する必要があったが、IE7では、プラグインなどの追加を必要とせず、国際化ドメイン名を利用できるようになった。

いますぐ使える国際化ドメイン名の理論と実践(Master of IP Network)
DNS Tips(Master of IP Network)

 従来のDNSによる名前解決の仕組みをそのまま利用できるようにするため、国際化ドメイン名を用いたURLは、実際には特殊なASCII文字列に変換されてアクセスされる。この変換方式として、Punycodeという符号化方法が標準化されている(RFC3492)。Punycodeでは、ドメイン名は「xn--」から始まる、英数字とハイフンのみを含む文字列となる。例えば、「日本語.jp」というURLは「xn--wgv71a119e.jp」と変換される。つまり、URLの表記としてはUnicodeを用いる表記法とPunycodeを用いたASCII文字のみの表記法の2とおりが提供されている。IE7では、片方の表記法でURLを制限付きサイトとして登録すれば、もう一方の表記法でアクセスしてもきちんと制限サイトとして処理されるなど、URLの一貫性が強化されている。

日本語ドメインへのアクセス例
これは日本レジストリサービスが提供している「日本語.jp」ドメインの例。日本語ドメインに関する情報や、実際にアクセス可能な日本語ドメインなどが紹介されている。
  日本語ドメイン名の例。IE7では「http://日本語.jp/」としてアクセスできるが、IE6以前の場合は「http://xn--wgv71a119e.jp/」とする。サイト名を漢字やひらがなを使って表現できるので、分かりやすい(ただし入力はやや面倒かもしれないが)。

 IDNの問題点としては、URLに利用できる文字が大幅に増えるため、アルファベットの「a」とキリル文字(ロシア文字)の「а」など、似ていても異なる文字が増えることが挙げられる。このような文字を使うことで、有名サイト(例えば「example.com」)のドメインと見分けの付かないようなドメイン(例えば「exаmple.com」)を第三者が取得することが可能となってしまう。IE7ではこのような問題の発生を防ぐため、以下のような場合には国際化ドメイン名ではなくPunycodeを表示するようになっている。

  • URLが記号文字を含んでいる場合
  • URLを「.」で区切ったとき、1つのブロック内に複数の言語が混在している場合
  • ユーザーの利用していない言語を含んでいる場合

 通常、日本語版IEでは利用する言語は、日本語と英語のみとなっているため、見慣れない文字がアドレス・バーに表示されることはなく、フィッシング・サイトによる詐欺などの問題が起こりにくい設計となっている。

 また、国際化ドメイン名でも、フィッシング・フィルタによるフィルタリングは有効だ。もちろん、一番大切なのはIEの機能を盲目的に信じるのではなく、怪しいサイトはまず疑ってみということではあるが。

ページ表示のズーム機能

 従来のIEでは、文字サイズを拡大・縮小することはできたが、文字サイズを変更しても画像サイズは変更されないため、レイアウトが崩れてしまう場合があった。IE7ではズーム機能が追加され、文字サイズの変更だけでなく、文字サイズと同時に画像サイズも変更できるようになった。これにより、ズーム前と完全に同じレイアウトのまま、表示を拡大したり縮小したりできるようになった。モニタ・サイズに合わせて見やすくなるように、ズーム比率を調節するとよいだろう。

100%表示の例
75%表示の例
ノーマル表示と75%縮小表示の例
IE7にはズーム機能が搭載され、文字サイズの変更に合わせて画像も同時に拡大縮小されるようになった。このためレイアウトを壊すことなく、拡大縮小表示ができるようになった。10%(10分の1)から1000%(10倍)までズーム比率を変えることができる。

拡大/縮小印刷と印刷プレビュー機能の改良

 IE7では印刷時に拡大/縮小する機能が追加された。従来は印刷時のズーム機能は利用できないため、サイトによっては、印刷時にページの右側にある文字が切れて印刷できなかったり、無駄な余白が空いたりしていた。例えば、本サイトの記事をA4縦で印刷すると、ページの右側にある広告が半分切れてしまうし(「プリンタ用ページ表示」機能を利用すると、本文のみを表示させ、印刷できる)、マイクロソフトのサイトにある技術情報などを印刷しようとすると、ページの右端にある数文字が切れてしまい、意味のない印刷結果しか得られないことがあった。

 これに対しIE7では、ページ幅に収まるように自動的に縮小して印刷する機能が用意され、文字が欠けないように印刷させることができる。

 また印刷プレビュー機能にも改良が行われている。プレビュー画面のウィンドウ・サイズに合わせて自動的に表示サイズが変更されるだけでなく、ページの余白をプレビュー画面で変更できるようになっている。また、範囲選択した状態で印刷プレビューを見ると、選択範囲のみのプレビューが表示される。IE6でも、印刷ダイアログでページ範囲を「選択した部分」とすることで選択範囲のみの印刷は可能だったが、印刷プレビューでの確認はできなかった。

IE6における印刷プレビュー画面
IE7における印刷プレビュー画面
IE6とIE7における印刷プレビュー画面の違い
IE7では、印刷する用紙サイズに合わせた拡大/縮小、ページ余白量の調整、部分選択された状態での印刷プレビューなどが行える。
  IE6におけるこの数値は、プレビュー画面のズーム率を変更するためのものであり、ページ内の印刷サイズを変更するものではない。
  よく見ると、右端の数文字分(ページ右の余白分か)が欠けている。
  IE7では、用紙内に収まるように、ページ・イメージを縮小して印刷することができる。これはIE7の印刷時のデフォルト設定。
  Webページのイメージを拡大/縮小して印刷させることができる(IE6では100%に固定)。
  右端まできちんと印刷されている。
  余白の調整。

 駆け足の内容だったが、IE7の新機能についてどのように感じられただろうか。いままで長い間進化が止まっていたIEだが、ほかのブラウザの高機能化やシェアの拡大に影響され、最新のブラウザとして再び発展し始めることは素直に喜ばしいと感じる。初心者ユーザーが最初に触れる機会の多いIEだからこそ、十分なセキュリティ機能や洗練されたユーザー・インターフェイスの存在は重要だろう。

 フィッシング対策や日本語ドメイン機能を始めとする、IE7に関するより詳細な解説や使いこなし方法については、今後、別記事やTIPS記事などでも掲載していく予定である。End of Article

 

 INDEX
  [製品レビュー]
使い勝手とセキュリティ機能が改善された新ブラウザ、Internet Explorer 7
    1.Internet Explorerの新版、IE7登場
    2.タブ対応で洗練されたインターフェイス
    3.お気に入りセンターとタブ対応のホームページ設定
    4.セキュリティ機能の強化
    5.RSSリーダー対応と検索機能の強化
  6.CSS2.1/国際化ドメインへの対応、ページプレビュー機能の強化
 
製品レビュー


Windows Server Insider フォーラム 新着記事
@ITメールマガジン 新着情報やスタッフのコラムがメールで届きます(無料)
- PR -

注目のテーマ

Windows Server Insider 記事ランキング

本日 月間
ソリューションFLASH