Q: HTML 인코딩이란 무엇인가요?

"HTML 인코딩"은 문맥에 따라 두 가지를 뜻합니다. 면접에서는 **어느 쪽을 묻는지 확인**하고 답하는 게 좋습니다. ## 1. 문자 인코딩(Character Encoding) 바이트 시퀀스를 문자로 해석하는 규칙입니다. 브라우저가 HTML 파일의 바이트를 어떤 문자로 읽을지 결정합니다. ```html ``` - **UTF-8이 사실상 유일한 정답** — 유니코드 전체를 표현하고 ASCII와 하위 호환. HTML Living Standard도 UTF-8을 요구합니다 - **` ` 최상단**(문서 시작 1024바이트 이내)에 둬야 합니다. 늦게 선언되면 브라우저가 파싱을 중단하고 **재시작**합니다 - 선언이 없으면 브라우저가 추측하며, 잘못 추측하면 한글이 깨집니다(모지바케). EUC-KR로 저장된 파일에 UTF-8을 선언해도 깨집니다 — **파일 저장 인코딩과 선언이 일치**해야 합니다 - HTTP 응답 헤더 `Conte

Question 1

HTML 엔티티란 무엇인가요?

Accepted Answer

HTML 엔티티는 **마크업으로 해석될 수 있는 문자나 직접 입력하기 어려운 문자**를 안전하게 표기하는 이스케이프 표기법입니다. `&이름;` 또는 `&#숫자;` 형태입니다. **필수 5종** | 문자 | 엔티티 | 왜 필요한가 | | --- | --- | --- | | `<` | `<` | 태그 시작으로 해석됨 | | `>` | `>` | 태그 종료로 해석됨 | | `&` | `&` | 엔티티 시작으로 해석됨 | | `"` | `"` | 속성값 구분자 | | `'` | `'` | 속성값 구분자 (`'`는 HTML5부터 지원) | **자주 쓰는 것** - ` ` — 줄바꿈되지 않는 공백. 연속 공백 유지, 단어 붙임(`10 kg`) - `©` ©, `®` ®, `×` ×, `…` …, `—` — **표기 방식 3가지** ```html <

Question 2

<img> 태그의 srcset 속성은 언제 사용하나요?

Accepted Answer

`srcset`은 브라우저가 **디바이스 환경(화면 밀도·뷰포트 너비)에 맞는 이미지를 스스로 고르게** 하는 반응형 이미지 속성입니다. 레티나 디스플레이에 저해상도 이미지를 주거나, 모바일에 2000px 이미지를 내려받게 하는 낭비를 막습니다.

**1. 밀도 서술자(x) — 같은 크기, 다른 해상도**

```html
<img src="logo.png" srcset="logo.png 1x, logo@2x.png 2x, logo@3x.png 3x" alt="로고" width="200" height="50">
```

로고·아이콘처럼 **표시 크기가 고정**된 이미지에 사용합니다.

**2. 너비 서술자(w) + sizes — 표시 크기가 뷰포트에 따라 변할 때**

```html
<img
  src="photo-800.jpg"
  srcset="photo-400.jpg 400w, photo-800.jpg 800w, photo-1600.jpg 1600w"
  sizes="(max-w

Question 3

HTML 인코딩이란 무엇인가요?

Accepted Answer

"HTML 인코딩"은 문맥에 따라 두 가지를 뜻합니다. 면접에서는 **어느 쪽을 묻는지 확인**하고 답하는 게 좋습니다. ## 1. 문자 인코딩(Character Encoding) 바이트 시퀀스를 문자로 해석하는 규칙입니다. 브라우저가 HTML 파일의 바이트를 어떤 문자로 읽을지 결정합니다. ```html ``` - **UTF-8이 사실상 유일한 정답** — 유니코드 전체를 표현하고 ASCII와 하위 호환. HTML Living Standard도 UTF-8을 요구합니다 - **`` 최상단**(문서 시작 1024바이트 이내)에 둬야 합니다. 늦게 선언되면 브라우저가 파싱을 중단하고 **재시작**합니다 - 선언이 없으면 브라우저가 추측하며, 잘못 추측하면 한글이 깨집니다(모지바케). EUC-KR로 저장된 파일에 UTF-8을 선언해도 깨집니다 — **파일 저장 인코딩과 선언이 일치**해야 합니다 - HTTP 응답 헤더 `Conte

HTML

11HTML 엔티티란 무엇인가요?보통HTML 기초

12<img> 태그의 srcset 속성은 언제 사용하나요?보통성능

13HTML 인코딩이란 무엇인가요?보통HTML 기초