이것은 완전 무료 온라인 도구입니다.
HTML 코드 압축
HTML 코드 축소
코드에서 여분의 공백과 줄 바꿈을 제거하여 코드 파일의 크기를 줄이고 웹 사이트의 로딩 속도를 높입니다.
또한 브라우저에서 전혀 필요하지 않은 HTML 파일의 모든 불필요한 주석을 제거합니다.
이 도구는 HTML 코드 파일을 쉽게 최적화하는 데 도움이 됩니다.
HTML 파일을 압축하는 방법
온라인에서 HTML 코드 파일을 압축하는 단계는 다음과 같습니다(무료).
1 단계: HTML 코드 복사
텍스트 편집기(VS Code, Atom, 메모장 등)로 이동하여 압축하거나 축소하려는 HTML 소스 코드를 찾습니다.
전체를 선택하려면 Ctrl+A(또는 Cmd+A)를 눌러 코드를 선택하고 코드의 일부만 압축하려면 수동으로 선택합니다.
Ctrl+C(Windows 컴퓨터를 사용하는 경우) 또는 Cmd+C(Mac을 사용하는 경우)를 사용하여 코드를 복사합니다.
2 단계: HTML 코드 압축
복사한 HTML 코드를 "HTML 입력" 텍스트 영역에 붙여넣습니다.
그리고 압축 버튼을 클릭합니다.
코드가 자동으로 축소되고 화면이 "압축된 HTML" section까지 아래로 스크롤됩니다.
모든 추가 공백, 줄 바꿈 및 주석은 코드에 의해 제거됩니다.
이 HTML 축소기는 제한이 없으므로 원하는 만큼 HTML 파일을 최적화할 수 있습니다.
3 단계: 압축된 HTML 복사
코드가 압축되면 화면이 자동으로 압축된 부분으로 스크롤됩니다.
복사 버튼을 클릭하여 모든 압축 코드를 복사합니다.
이제 축소된 코드를 실제 코드베이스에 붙여넣을 수 있습니다.
HTML이란 무엇입니까?
HTML은 웹 페이지와 웹 애플리케이션을 만들기 위해 웹에서 널리 사용되는 마크업 언어입니다.
HTML은 Hyper Text Markup Language의 약자입니다.
웹 사이트의 전체 구조를 만드는 데 사용됩니다.
우리가 웹에서 보는 거의 모든 웹사이트는 HTML로 만들어집니다.
HTML은 CSS(Cascading Style Sheet) 및 Javascript와 함께 사용되어 웹 사이트를 보기 좋고 세련되게 만듭니다. 그들은 우리 웹사이트를 보다 역동적이고 기능적으로 만듭니다.
HTML은 WHATWG(Web Hypertext Application Technology Working Group)에서 개발했습니다.
HTML 파일은 끝에 .htm 또는 .html 확장자가 있습니다.
HTML 압축이란 무엇입니까?
HTML 압축은 파일의 소스 코드에서 여분의 공백을 제거하고 여러 줄 바꿈과 주석을 제거하여 HTML 파일의 크기를 줄이는 방법입니다.
여분의 공백, 줄 바꿈 및 주석을 제거해도 파일의 실제 코드에는 영향을 미치지 않습니다. 이러한 것들은 브라우저를 통해 파싱되거나 컴파일되지 않습니다.
따라서 파일의 실제 구조인 마크업은 동일하게 유지됩니다.
HTML을 압축해야 합니까?
예, HTML 소스 코드를 인터넷에 업로드하기 전에 반드시 압축하고 최소화해야 합니다.
우리 웹사이트의 마크업을 만드는 데 사용되는 HTML 파일에는 많은 줄 바꿈(Enter), 공백 및 주석이 있습니다.
이러한 것들은 코드의 더 나은 가독성을 위해 인간에게만 필요합니다.
그러나 우리 브라우저는 이러한 것들을 요구하지 않습니다. 브라우저에서 컴파일되지 않으며 항상 무시됩니다.
따라서 소스 코드를 압축하고 축소화하여 제거합니다. 파일 크기를 늘리고 웹사이트 로딩 속도를 높이십시오.
HTML이 축소되었는지 어떻게 알 수 있나요?
파일의 소스코드만 봐도 HTML 축소 여부를 쉽게 알 수 있습니다.
HTML 파일은 파일의 소스 코드에 줄 바꿈, 추가 공백 또는 주석이 없는 경우에만 축소됩니다.
무료 HTML 압축 도구를 사용하여 코드에서 불필요한 텍스트 줄을 모두 제거할 수 있습니다.