글로벌 속성
앞서 a 태그에 링크 경로를 지정하기 위해 href 속성 사용
-> 속성을 hn,p 태그에는 사용할 수 없음
-> HTML 언어에서 태그는 각 태그에서 사용할 수 있는 속성이 정해져 있음
-> 태그 종류 상관없이 모든 태그에서 공통으로 사용할 수 있는 속성 == 글로벌 속성
| 속성 | 값 | 설명 |
|---|---|---|
| class | value | 요소에 클래스 값을 지정, 클래스 값은 CSS에서 클래스 선택자로 활용 |
| id | value | 요소에 아이디 값 지정, 아이디 값은 CSS에서 아이디 선택자로 활용 |
| style | style | 요소에 인라인 스타일을 지정 |
| title | text | 요소에 추가 정보 지정, 마우스를 요소에 올리면 툴팁으로 추가 정보 표시 |
| lang | language code | 요소에 사용한 텍스트의 언어 정보 지정 |
| hidden | hidden | 요소에 사용한 텍스트의 언어 정보 지정 |
| data-* | value | 사용자가 임의의 속성을 만들 수 있음 |
class 속성
요소에 클래스명을 지정할 때 사용
클래스명은 CSS에서 클래스 선택자로 활용하고, 같은 클래스명은 여러 요소가 중복해서 가질 수 있음
<p class="red-color">...</p>id 속성
요소에 아이디를 지정할 때 사용
아이디는 CSS에서 아이디 선택자로 활용하며, 중복 불가능
<h1 id="title"> ... </h1>style 속성
CSS 코드를 인라인으로 작성할 때 사용
title 속성
요소에 추가 정보를 넣을 때 사용
<p><span title = "World Wide Web Consortium">W3C</span>는 국제 웹 표준 개발 기구입니다</p>lang 속성
요소에 사용한 텍스트의 언어코드를 작성할 때 사용
html 문서는 보통 html 태그의 lang 속성에 작성
<html lang="ko">data-* 속성
사용자 커스텀 속성을 만듬
기존엔 태그에서 사용할 수 있는 속성은 HTML 문법이 정해져 있어 정해진 속성이 아니면 사용할 수 없었음
-> HTML5에서는 가능
ex)
<p data-name = "spiderMan" data-hero = "true">...</p>
Journey for Backend Developer