HTML을 놓으세요. 링크가 나옵니다.

더블클릭하면 이상하게 보이는 이유

HTML 파일을 더블클릭하면 file:// 로 열리는데, 이는 https:// 위의 진짜 페이지와는 다릅니다. 그 환경에서는 많은 것이 조용히 망가집니다. 외부 리소스를 불러오려 하면 교차 출처 정책에 걸리고, fetch와 일부 JavaScript는 아예 실패하며, 상대 경로로 지정한 폰트와 이미지는 사라지기 쉽습니다. 휴대폰은 더 심합니다 — 대부분의 모바일 브라우저는 로컬 파일을 열지조차 못합니다. 링크로 게시한다는 것은 그 페이지를 원래 만들어진 환경으로 되돌려 놓는 일일 뿐입니다.

자주 묻는 질문

로컬 HTML 파일을 온라인에서 미리 보려면?

.html 파일을 이 페이지에 끌어다 놓으면 바로 https 링크가 생깁니다. 진짜 웹 페이지와 똑같이 렌더링되며, 이는 더블클릭으로는 얻을 수 없는 결과입니다.

더블클릭하면 왜 스타일이 깨지나요?

더블클릭은 file:// 프로토콜을 쓰는데, 브라우저는 이를 https보다 훨씬 강하게 제한합니다. 외부 스타일시트, 폰트, 네트워크 요청이 모두 차단될 수 있어 기대한 모습으로 보이지 않습니다.

휴대폰에서 로컬 HTML 파일을 볼 수 있나요?

직접은 대개 어렵습니다 — 대부분의 모바일 브라우저는 로컬 파일을 열지 못합니다. 링크로 만들어 두면 다른 웹 페이지처럼 휴대폰에서 열립니다.

AI가 생성한 HTML에도 되나요?

됩니다. 오히려 가장 흔한 용도 중 하나입니다. AI가 만든 단일 파일 HTML은 보통 스타일을 자체적으로 품고 있어서, 끌어다 놓는 즉시 온전하게 렌더링됩니다. 다른 사람에게 그대로 넘기기도 쉽습니다.

파일이 서버에 업로드되나요?

파일 처리는 브라우저 안에서 이뤄지고, 서빙되는 것은 게시된 페이지뿐입니다. 계정 없이 만든 링크는 7일 뒤 만료됩니다. 로그인하면 기한 없이 보관하거나 언제든 삭제할 수 있습니다.

파일 크기는 어디까지 되나요?

단일 파일 HTML이면 대체로 괜찮습니다. 같은 폴더의 별도 파일(독립된 CSS, 이미지)에 의존하는 페이지라면, 먼저 하나의 HTML 안으로 인라인해 주세요.

누군가에게 보내려는 거라면 HTML을 URL로 — 같은 도구를, 공유 관점에서 정리한 페이지입니다.