HTML 인터뷰 질문 요약

카테고리

프로그래밍/소프트웨어 개발

서브카테고리

웹 개발

대상자

웹 개발자, 웹 디자이너, 초보자 및 중급자 개발자

핵심 요약

• HTML은 웹 페이지를 구조화하고 브라우저에 표시하는 마크업 언어로, CSS와 JavaScript와 함께 사용되어야 한다.
• HTML5는 최신 버전이며, void elements (예:
, )은 닫는 태그가 없는 요소이다.
• 웹 페이지 최적화를 위해 CDN, 파일 압축, 병합, 미니파이, 레이지 로딩 등을 활용해야 한다.

섹션별 세부 요약

1. HTML의 정의 및 중요성

• HTML은 1993년에 발표된 HyperText Markup Language으로, 웹 페이지의 구조를 정의한다.
• HTML만으로는 웹 페이지의 외관이나 기능을 구현할 수 없으며, CSS와 JavaScript가 필요하다.
• HTML5는 HTML의 최신 버전이며, 태그와 속성을 사용하여 웹 페이지를 구성한다.

2. HTML의 주요 요소 및 기능

• 태그는 콘텐츠를 구조화, 속성은 요소의 특성을 정의한다.
• 예:
  에서 align은 속성으로, 텍스트를 중앙에 정렬한다.
• void elements는 닫는 태그가 없으며, 예로는
, , 등이 있다.

3. HTML의 공백 처리 및 특수 문자

• 공백은 브라우저에서 하나의 공백으로 처리되며, 코드 가독성을 높이는 데 유리하다.
• 특수 문자는 HTML 엔티티를 사용하여 표현해야 한다. 예: <은 <, >은 >로 표현된다.

4. HTML의 리스트 유형

• ** 순서 있는 리스트 (
  ), 순서 없는 리스트 (
  ), 정의 리스트 (
  )가 있다.

5. `class` 및 `id` 속성의 차이

• class는 여러 요소에 동일한 이름을 적용할 수 있으며, 스타일 적용에 주로 사용된다.
• id는 유일한 값을 가지며, 하나의 요소에만 할당된다.

6. multipart/form-data의 정의

• enctype="multipart/form-data"는 파일을 서버로 전송하는 데 사용되며, text/plain 및 application/x-www-form-urlencoded도 사용 가능한 값이다.

7. HTML 레이아웃 구조

• 일반적인 레이아웃 요소:
  , ,
  ,
  , , 등이 있다.

8. 웹 페이지 최적화 방법

• CDN 사용, 파일 압축, HTTP 요청 줄이기, 스크립트 미니파이, 레이지 로딩 등을 통해 로딩 시간을 줄일 수 있다.

9. HTML의 포맷 태그

• (볼드), (이탈릭), (강조), (강조 강조), (하위 스크립트), (상위 스크립트), (취소선) 등이 있다.

10. HTML의 Doctype 유형

• Strict Doctype, Transitional Doctype, Frameset Doctype가 존재하며, HTML 문서의 구조를 정의한다.

11. 문자 집합 정의 방법

• 태그를 사용하여 문서의 문자 집합을 정의한다.

12. ``, `` 및 ``, `` 태그의 차이

• 및 는 스타일 적용에 사용되며, 세마틱 의미는 없다.
• 및 은 문맥상 중요도나 강조를 나타내는 세마틱 태그이다.

결론

• HTML은 웹 개발의 기초이며, CSS와 JavaScript와의 조합이 필수적이다.
• 웹 페이지 최적화를 위해서는 CDN, 파일 압축, 레이지 로딩 등을 적용해야 하며, HTML5와 세마틱 태그를 사용하는 것이 중요하다.