6. [HTML/CSS] HTML 전역 속성 (Global Attributes)

HTML 전역 속성 (Global Attributes)

전역 속성은 모든 HTML 요소에서 공통적으로 사용할 수 있는 속성입니다.

1. id 속성

• HTML 문서 내에서 요소를 고유하게 식별하는 식별자
• 문서 내에서 중복된 id 값을 사용할 수 없음

<div id="header">헤더</div>

2. class 속성

• 요소를 분류하거나 CSS 스타일을 적용하기 위한 속성
• 여러 요소에 같은 class 값을 사용할 수 있음
• 하나의 요소에 여러 class를 공백으로 구분하여 지정 가능

<div class="container main-content">내용</div>

3. style 속성

• 요소에 직접 CSS 스타일을 적용하기 위한 속성
• 인라인 스타일로 적용되며, 가장 높은 우선순위를 가짐

<p style="color: blue; font-size: 16px;">파란색 텍스트</p>

4. title 속성

• 요소에 대한 추가 정보를 제공하는 속성
• 마우스를 요소 위에 올리면 툴팁으로 표시됨

<span title="이것은 도움말입니다">도움말이 필요한 텍스트</span>

이러한 전역 속성들은 HTML 문서의 구조화와 스타일링, 그리고 사용자 경험 향상에 중요한 역할을 합니다.