HTML 페이지(.html)

트리에서 연 .html 파일은 진짜 레이아웃 엔진을 갖춘 미리 보기 탭이 됩니다. 플렉스박스, 플로팅 블록, 위치 지정, 미디어 쿼리, 그라데이션, CSS 변수, CSS3 선택자를 지원합니다. AI가 만들어 주는 지표 카드와 표, 차트가 있는 요즘 보고서가 글자 벽이 되지 않고 브라우저에서처럼 보이는 이유입니다.

텍스트를 선택할 수 있습니다. 끌어서 선택하고, 더블 클릭으로 단어를 잡고, Ctrl+A로 페이지 전체를 선택하고, Ctrl+C로 복사합니다(문맥 메뉴에 복사와 모두 선택이 있습니다).

위쪽 도구 모음에는 개요(페이지 제목, 클릭하면 이동)와 찾기(Ctrl+F — 모든 일치를 강조하고 F3와 Shift+F3로 이동, Esc로 닫기)가 있습니다. 확대/축소는 탭 도구 모음에서 빠졌습니다. 모든 뷰와 마찬가지로 상태 표시줄 한 곳에 모여 있습니다(작업 공간과 창 참조).

PDF 내보내기는 A4로 쪽을 나누고 텍스트를 벡터로 출력합니다. PDF는 검색할 수 있고 텍스트도 선택됩니다. 탭은 디스크의 파일도 따라갑니다: 보고서를 다시 만들면 읽던 위치를 유지한 채 스스로 갱신됩니다. 또한 자신의 색을 고르지 않은 페이지는 앱 테마를 따르고, 색을 정한 페이지는 설계된 그대로 표시됩니다.

링크도 동작합니다. 같은 폴더의 다른 파일로 가는 링크는 그 자리에서 열리고, #앵커는 해당 절로 스크롤하며, 웹 주소는 브라우저에서 열립니다.

하지 않는 것은 자바스크립트와 네트워크입니다. 아무것도 내려받지 않습니다. 페이지가 그것에 의존하면(스크립트, <canvas>, <iframe>, 원격 리소스) 브라우저에서 열기 띠가 나타납니다. 보고서 요령: AI에게 자바스크립트와 CDN 없이, 차트는 내장 SVG로 된 HTML을 요청하세요. 그러면 여기서 온전히 열립니다. 요소가 너무 깊게 중첩된 페이지(500단계 초과)도 여기서는 그리지 않습니다. 띠에 그 사실이 표시되고 같은 브라우저에서 열기가 제공됩니다.

그래도 스크립트를 실행하지 않고 클릭에 반응하는 것이 몇 가지 있습니다. <details> 상자는 머리글에서 열고 닫을 수 있고(페이지에 상자가 있으면 도구 모음에 모두 펼치기가 나타납니다), 탭 묶음은 보이는 패널을 바꾸며, 표 머리글을 클릭하면 행이 정렬됩니다. 같은 열을 다시 클릭하면 순서가 뒤집히고, 숫자 열은 문자열이 아니라 값으로 정렬됩니다. 탭과 패널의 짝이 분명하지 않으면 아무것도 바꾸지 않고 페이지를 그대로 보여 줍니다.

엔진에 없는 두 가지는 자동으로 바뀝니다. display:grid와 gap은 동등한 플렉스박스가 되고, 내장 <svg>는 그려집니다. box-shadow는 무시됩니다. 이전 뷰어로 돌아가려면 설정 → 일반 → 기능에서 전체 레이아웃 HTML 뷰어를 해제하세요.