HTML ページ（.html）

ツリーから開いた .html は、本物のレイアウトエンジンを備えたプレビュータブになります。フレックスボックス、フロート、配置、メディアクエリ、グラデーション、CSS 変数、CSS3 セレクターに対応します。AI が生成するような指標カード・表・グラフのある最近のレポートが、文字の壁にならずブラウザーと同じように表示されるのはこのためです。

テキストは選択できます。ドラッグで選択、ダブルクリックで単語、Ctrl+A でページ全体、Ctrl+C でコピーです（右クリックメニューにコピーとすべて選択があります）。

上部のバーには目次（ページの見出し。クリックで移動）と検索（Ctrl+F。すべての一致を強調し、F3 と Shift+F3 で移動、Esc で閉じる）があります。ズームはタブのバーから移動し、すべてのビューと同じくステータスバーの一か所にまとまりました（ワークスペースとウィンドウを参照）。

PDF に書き出しは A4 でページ分割し、テキストはベクターのまま出力します。PDF は検索でき、テキストも選択できます。タブはディスク上のファイルにも追随します。レポートを作り直せば、読んでいた位置を保ったまま自動で更新されます。さらに、自分で色を指定していないページはアプリのテーマに従い、色を指定しているページは設計どおりに表示されます。

リンクも動きます。同じフォルダーの別のファイルへのリンクはその場で開き、#アンカー はその見出しまでスクロールし、ウェブアドレスはブラウザーで開きます。

できないのは JavaScript とネットワークです。何もダウンロードしません。ページがそれらに依存する場合（スクリプト、<canvas>、<iframe>、外部リソース）は、ブラウザーで開くの帯が出ます。レポートのこつ: AI には JavaScript と CDN を使わない HTML を、グラフは埋め込み SVG で頼んでください。そうすればここで完全に開きます。要素の入れ子が深すぎるページ（500 階層超）もここでは描画されません。その旨を伝える帯に、同じブラウザーで開くが出ます。

それでも、スクリプトを実行することなくクリックに反応するものがいくつかあります。<details> のボックスは見出しで開閉でき（ページにボックスがあるとツールバーにすべて展開が現れます）、タブの並びは表示するパネルを切り替え、表の見出しをクリックすると行を並べ替えます。同じ列をもう一度クリックすると逆順になり、数値の列は文字列ではなく値の順に並びます。タブとパネルの対応が明確でない場合は何も変更されず、ページはそのまま表示されます。

エンジンにない 2 つは自動で置き換えます。display:grid と gap は同等のフレックスボックスになり、埋め込みの <svg> は描画されます。box-shadow は無視されます。以前のビューアーに戻すには、設定 → 全般 → 機能の完全なレイアウトの HTML ビューアーのチェックを外します。