2025-03-07T20:37:20

doc/html5/51_HTML Elements.md

@@ -33,7 +33,7 @@
 | `section` | 문서 내 주제별 섹션(장 또는 구획)을 정의합니다. HTML 문서의 독립적인 구획을 나타내며, 더 적합한 의미를 가진 요소가 없을 때 사용합니다. |
 
 
-## 텍스트
+## 블록 레벨 텍스트
 | **태그** | **설명** |
 |---|----|
 | `p` | 단락(paragraph)을 정의합니다. 일반 텍스트 콘텐츠에 사용됩니다. |
@@ -61,7 +61,7 @@
 | **태그** | **설명** |
 |----|----|
 | `span` | 인라인 컨테이너로, 본질적으로는 아무것도 나타내지 않습니다. 특정 텍스트를 묶어 스타일링이나 스크립팅을 적용할 때 사용합니다. 적절한 의미를 가진 다른 요소가 없을 때에만 사용해야 합니다. |
-| `a` | 하이퍼링크를 생성합니다. `href` 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다. `<a>` 안의 콘텐츠는 링크 목적지의 설명을 나타내야 합니다. |
+| `a` | 하이퍼링크(anchor)를 생성합니다. `href` 특성을 통해 다른 페이지나 같은 페이지의 어느 위치, 파일, 이메일 주소와 그 외 다른 URL로 연결할 수 있는 하이퍼링크를 만듭니다. `<a>` 안의 콘텐츠는 링크 목적지의 설명을 나타내야 합니다. |
 | `abbr` | 약어(abbreviation)를 정의합니다. 선택 속성인 `title`을 사용하면 준말의 전체 뜻이나 설명을 제공할 수 있습니다. `title` 속성은 전체 설명만을 가져야 하며 다른건 포함할 수 없습니다. |
 | `cite` | 인용된 출처(책, 영화 제목 등)를 나타냅니다. 제목을 반드시 포함해야 합니다. |
 | `code` | 컴퓨터 코드 조각을 표시합니다. 기본 스타일은 사용자 에이전트의 고정폭 글씨체입니다. |
@@ -130,7 +130,7 @@
 | `map` | `<area>` 요소와 함께 이미지 맵을 정의하며, 클릭 가능한 영역을 지정합니다. |
 | `area` | 이미지 맵 내의 특정 클릭 가능한 영역을 정의합니다. `<map>` 요소 안에서만 사용할 수 있습니다. |
 | `picture` | 반응형 이미지(화면 크기나 해상도에 따라 다른 이미지 제공)를 정의합니다. 0개 이상의 `<source>` 요소와 하나의 `<img>` 요소를 포함하여 다양한 디스플레이/장치 시나리오에 대한 이미지의 대체 버전을 제공합니다. |
-| `source` | `picture`, `audio`, `video`에 사용할 미디어 리소스를 지정합니다. 일반적으로 이미지 파일 형식과 미디어 파일 형식에 대한 서로 다른 지원을 제공하는 광범위한 브라우저와의 호환성을 제공하기 위해 여러 파일 형식으로 동일한 미디어 콘텐츠를 제공하는 데 사용됩니다. |
+| `source` | `<picture>`, `<audio>`, `<video>`에 사용할 미디어 리소스를 지정합니다. 일반적으로 이미지 파일 형식과 미디어 파일 형식에 대한 서로 다른 지원을 제공하는 광범위한 브라우저와의 호환성을 제공하기 위해 여러 파일 형식으로 동일한 미디어 콘텐츠를 제공하는 데 사용됩니다. |
 | `audio` | 오디오 콘텐츠(음악, 음성 등)를 삽입합니다. src 특성 또는 `<source>` 요소를 사용해 한 개 이상의 오디오 소스를 지정할 수 있으며, 다수를 지정한 경우 가장 적절한 소스를 브라우저가 고릅니다. (HTML5에서 추가) |
 | `video` | 비디오 콘텐츠(영상)를 삽입합니다. (HTML5에서 추가) |
 | `track` | `<audio>`, `<video>`의 자식으로서, 자막 등 시간별 텍스트 트랙(시간 기반 데이터)를 지정할 때 사용합니다. 트랙은 WebVTT(.vtt) 또는 Timed Text Markup Language(TTML)형식을 사용해야 합니다. (HTML5에서 추가) |
@@ -153,26 +153,26 @@
 | **태그** | **설명** |
 |-----|----|
 | `button` | 클릭 가능한 버튼을 정의합니다. |
-| `datalist` | `input`에 대한 자동완성 옵션 목록을 제공합니다. 다른 컨트롤에서 고를 수 있는 가능한, 혹은 추천하는 선택지를 나타내는 `<option>` 요소 여럿을 담습니다. |
-| `fieldset` | 폼 내 관련 여러 컨트롤과 레이블들을 그룹화합니다. |
 | `form` | 사용자 입력을 수집하는 폼을 정의합니다. 정보를 제출하기 위한 대화형 컨트롤을 포함하는 문서 구획을 나타냅니다. |
+| `fieldset` | 폼 내 관련 여러 컨트롤과 레이블들을 그룹화합니다. |
+| `legend` | `<fieldset>`의 제목을 정의합니다. |
 | `input` | 다양한 유형의 사용자 입력을 받습니다. |
 | `label` | 입력 요소에 대한 설명(레이블)을 제공합니다. |
-| `legend` | `fieldset`의 제목을 정의합니다. |
-| `meter` | 특정 범위 내의 값을 시각적으로 표시합니다. (예: 게이지) |
-| `optgroup` | `select` 내에서 옵션을 그룹화합니다. |
-| `option` | `select`, `optgroup` 또는 `datalist` 내의 개별 선택 항목을 정의합니다. |
+| `textarea` | 여러 줄의 텍스트 입력을 받습니다. |
+| `select` | 드롭다운 목록을 생성합니다. |
+| `option` | `<select>`, `<optgroup>` 또는 `<datalist>` 내의 개별 선택 항목을 정의합니다. |
+| `optgroup` | `<select>` 내에서 옵션을 그룹화합니다. |
+| `datalist` | `<input>`에 대한 자동완성 옵션 목록을 제공합니다. 다른 컨트롤에서 고를 수 있는 가능한, 혹은 추천하는 선택지를 나타내는 `<option>` 요소 여럿을 담습니다. |
 | `output` | 계산 결과나 사용자 행동의 출력 값을 표시합니다. |
 | `progress` | 작업 진행 상황을 시각적으로 표시합니다. |
-| `select` | 드롭다운 목록을 생성합니다. |
-| `textarea` | 여러 줄의 텍스트 입력을 받습니다. |
+| `meter` | 특정 범위 내의 값을 시각적으로 표시합니다. (예: 게이지) |
 
 ## 대화형 요소
 
 | **태그** | **설명** |
 |----|----|
 | `details` | "열림" 상태일 때만 내부 정보를 보여주는 정보 공개 위젯을 생성합니다. 요약이나 레이블은 `<summary>` 요소를 통해 제공할 수 있습니다. |
-| `summary` | `details` 요소의 요약 또는 제목을 제공합니다. `<summary>` 요소를 클릭하면 부모 `<details>` 요소의 상태가 열리거나 닫힌다. |
+| `summary` | `<details>` 요소의 요약 또는 제목을 제공합니다. `<summary>` 요소를 클릭하면 부모 `<details>` 요소의 상태가 열리거나 닫힌다. |
 | `dialog` | 대화 상자(모달 또는 팝업)를 정의합니다. |
 
 ## 스크립트