HTML 소스 (.html)
WHATWG 표준HTML은 제목, 링크, 양식, 이미지 및 기타 콘텐츠로 웹 페이지의 구조를 정하는 마크업입니다. 브라우저는 이 구조를 렌더링하고 CSS와 스크립트를 적용해 모양과 동작을 제어합니다.
JSON을(를) HTML(으)로 변환
무료 브라우저 내 JSON에서 HTML로 변환하는 도구입니다. 기기에서 파일을 즉시 변환할 수 있습니다.
검사 및 메타데이터
운영 체제와 파일 분석기는 파일 선두의 바이너리 바이트 시퀀스를 검사하여 HTML 파일을 식별합니다:
바이트 단위 헤더 시그니처 (매직 바이트)
운영 체제와 파일 분석기는 파일 선두의 바이너리 바이트 시퀀스를 검사하여 HTML 파일을 식별합니다:
16진수 시그니처 (오프셋 0):
3C 21 44 4F 43 54 59 50 45 20 68 74 6D 6CASCII 표현: <!DOCTYPE html
표준화: WHATWG HTML Living Standard / W3C Recommendation
기술 사양
| 컨테이너 아키텍처 | 계층적 문서 객체 모델(DOM) 요소로 구성된 유니코드 텍스트 스트림 |
| 압축 | 압축되지 않은 텍스트 스트림(보통 HTTP를 통해 Brotli 또는 Gzip으로 압축) |
| 바이트 엔디안 | UTF-8/유니코드 텍스트 스트림(BOM 선택 사항) |
| 색 공간 | sRGB, Display P3, CSS Color 4를 통한 Rec.2020 |
| 채널 및 구조 | 하이퍼텍스트 마크업, CSS 스타일, JavaScript 상호작용, 내장 SVG, Canvas, 오디오 및 비디오 |
| 최대 크기 | 문서 캔버스 크기 제한 없음(무한 스크롤) |
| 투명도 | CSS 불투명도, 알파 색상 채널(rgba/color()) 및 혼합 모드 전체 지원 |
| 스트리밍 및 프로그레시브 | 점진적 스트리밍 파싱: 전체 파일 다운로드가 끝나기 전에 브라우저가 요소를 렌더링합니다. |
기술 비교 매트릭스: HTML 대 경쟁사
| 기술적 속성 | HTML (현재) | MD | XML | |
|---|---|---|---|---|
| 상호작용 및 로직 | 완전한 JavaScript 및 DOM 스크립팅 | 정적 선언형 텍스트만 지원 | 데이터 저장 (내장 로직 없음) | 제한된 양식 스크립트 (AcroJS) |
| 스타일링 유연성 | 무제한의 CSS3/CSS4 시각적 제어 | 테마 종속적 기본 스타일링 | XSLT 스타일시트 필요 | 엄격한 픽셀 고정 레이아웃 |
| HTML 페이지 렌더링 | 모든 브라우저에서 100% 네이티브 지원 | 마크다운 렌더링 엔진 필요 | XML 뷰어 또는 별도 스타일 적용 필요 | 내장 PDF 플러그인 필요 |
| 하이퍼링크 | 네이티브 웹 하이퍼링크 (href) | Markdown 구문 [텍스트](URL) | XML XLink 구문 | 내장 PDF 링크 주석 |
일반적인 손상 모드 및 헥스 복구 가이드
페이지에 원시 HTML 태그가 텍스트로 표시되거나 알 수 없는 문자로 깨져 표시됨 (예: 'é').
근본 원인: UTF-8 문자셋 선언('<meta charset="utf-8">') 누락 또는 인코딩 헤더 불일치.
복구: File2File.app Text Converter로 <meta charset="utf-8"> 태그를 추가하거나 UTF-8로 다시 인코딩하십시오.
보안 분석 및 파서 공격 벡터
HTML 렌더링 엔진은 스크립트를 실행하고 복잡한 마크업을 파싱하므로, 정화되지 않은 입력은 크로스 사이트 스크립팅(XSS)으로 이어질 수 있습니다.
알려진 공격 벡터
- 사용자 세션 쿠키 및 인증 토큰을 탈취하는 저장형 또는 반사형 크로스 사이트 스크립팅(XSS).
- 위조된 로그인 인터페이스를 통해 사용자를 속이는 HTML 주입.
- document.location 또는 eval()을 조작하는 DOM 기반 보안 취약점.
방어적 모범 사례: DOM에 삽입하기 전에 DOMPurify와 같은 강력한 라이브러리로 신뢰할 수 없는 사용자 입력을 항상 정제하십시오.
역사적 배경 및 주요 이력
주요 장점
- 브라우저가 HTML을 직접 해석하므로 별도의 문서 리더 없이 페이지를 열 수 있습니다. 편집기와 게시 시스템도 웹 콘텐츠의 구조를 정하는 데 HTML을 사용합니다.
- 시각적 디자인을 위한 CSS와 동적 상호작용을 위한 JavaScript가 원활하게 연동됩니다.
- 스트리밍 레이아웃 엔진: 네트워크에서 바이트가 도착하는 대로 브라우저가 HTML을 점진적으로 파싱하고 배치해 렌더링할 수 있습니다.
기술적 제한 사항 및 단점
- 독립된 .html 파일은 MHTML/Base64 등으로 묶지 않는 한 연결된 외부 이미지, 글꼴 및 스타일시트를 포함하지 않습니다.
- 렌더링 결과가 브라우저 엔진(Blink, WebKit, Gecko)에 따라 약간씩 다를 수 있습니다.
- 공격 표면이 넓어 정화되지 않은 사용자 입력이 크로스 사이트 스크립팅(XSS) 취약점으로 이어질 수 있습니다.
흥미로운 기술적 상식
- 팀 버너스리는 핵 물리학자들이 컴퓨터 간에 연구 논문을 쉽게 공유할 수 있도록 돕기 위해 1989년 CERN에서 HTML을 발명했습니다.
- HTML Living Standard에는 버전 번호가 없습니다. HTML6와 같은 버전은 없으며, 표준은 계속 관리되고 갱신됩니다.
- 웹페이지에서 마우스 오른쪽 버튼을 클릭하고 “페이지 소스 보기”를 선택하면 그 바탕이 되는 HTML 코드를 확인할 수 있습니다.
자주 묻는 기술 질문
HTML은 무엇에 사용됩니까?
HTML은 인터넷상의 콘텐츠를 구조화하는 데 사용되며 텍스트, 제목, 이미지, 링크, 양식, 포함된 멀티미디어가 포함된 웹페이지를 만듭니다.
HTML을 PDF 또는 Markdown으로 변환할 수 있습니까?
네. File2File.app을 사용하면 브라우저에서 직접 모든 HTML 파일을 깔끔하고 인쇄 가능한 PDF 문서나 용량이 작은 Markdown 텍스트 파일로 렌더링하고 변환할 수 있습니다.
HTML과 HTML5는 어떻게 다릅니까?
HTML5는 HTML의 최신 진화 버전으로, 비디오 및 오디오 재생, 대화형 캔버스 그래픽, 모바일 반응성, <header>, <article>, <footer>와 같은 깔끔한 시맨틱 요소에 대한 기본 지원을 추가합니다.