HTML 실험실
스크립트 실행이나 외부 파일 로드 없이 텍스트, 시맨틱 마크업, CSS 레이아웃을 실험하세요. 미리보기 너비를 고른 뒤 정리된 결과를 복사하거나 다운로드하세요.
사용 방법
사용 방법
- 제목, HTML 조각, 별도 CSS 입력란을 편집하세요.
- 미리보기를 갱신하고 가변, 모바일, 데스크톱 너비를 선택하세요.
- 리소스 제한을 포함한 정리된 문서를 복사하거나 다운로드하세요.
정적 미리보기 제한
정적 HTML/CSS 실험실입니다. JavaScript, 이벤트 처리기, 폼, 이미지, 삽입 미디어, 탐색 속성, 지원하지 않는 요소는 제거하거나 차단합니다. 스타일은 CSS 입력란에 넣으세요. HTML의 style 태그는 제거합니다. 미리보기 정책은 외부 리소스와 네트워크 요청을 차단합니다.
로컬 편집과 정리된 내보내기
편집, 정리, 복사, 내보내기는 브라우저에서 로컬로 처리합니다. 미리보기는 권한을 허용하지 않는 sandbox iframe을 사용합니다. 다운로드한 HTML에는 정리된 조각, CSS, 엄격한 리소스 정책이 포함됩니다. 원본 소스가 아니며 웹사이트를 게시하지 않습니다.
자주 묻는 질문
더 알아보기
JavaScript 실행이나 외부 이미지 로드가 가능한가요?
정적 HTML/CSS 실험실입니다. JavaScript, 이벤트 처리기, 폼, 이미지, 삽입 미디어, 탐색 속성, 지원하지 않는 요소는 제거하거나 차단합니다. 스타일은 CSS 입력란에 넣으세요. HTML의 style 태그는 제거합니다. 미리보기 정책은 외부 리소스와 네트워크 요청을 차단합니다.
코드가 업로드되거나 게시되나요?
편집, 정리, 복사, 내보내기는 브라우저에서 로컬로 처리합니다. 미리보기는 권한을 허용하지 않는 sandbox iframe을 사용합니다. 다운로드한 HTML에는 정리된 조각, CSS, 엄격한 리소스 정책이 포함됩니다. 원본 소스가 아니며 웹사이트를 게시하지 않습니다.