id, class
id
- 고유식별자(문서 전체에서 유일해야함)
- id 특성의 값이 공백을 포함해서는 안됨
- 시작할 때 영어 소문자로 시작
class
- 유일할 필요 없음
- 하나의 요소가 여러개의 클래스를 가질 수 있음
ex)<div class="hi hello">안녕하세요.</div>
style
- 하나의 요소에만 스타일을 적용할 때 사용
title
<div title="바깥쪽 박스">
<div title="첫번째 요소">안녕하세요.</div>
<div>반갑습니다.</div>
</div>안녕하세요.
반갑습니다.
- 안녕하세요에 마우스를 갖다놓으면 첫번째 요소라는 말풍선이 뜸
- 만약에 바깥쪽에도 title이 적용되어있다면 제일 가까이 있는 하위요소가 적용됨 즉, 첫번째 요소가 적용됨
lang
- charset: 읽는 사람이 아닌 컴퓨터가 이해할 수 있는 언어 명시
lang: 읽는 사람이 이해할 수 있는 언어 명시
data
data - 내가 정의한 이름형태로 가는데 일반적인 속성이 아닌 data속성임을 파악할 수 있음- article에 접속을 했을 때 사용자 눈엔 보이지 않고 Javascript가 이해할 수 있도록 사용
draggable
- true, false 명시해야함
- false가 되면 컨텐츠가 드래그되지 않음
- why?? 드래그한 것, 이미지 클릭한 것 등을 Javascript가 이벤트로 인식할 수 있음
hidden
- 시각적 방식 외에도 스크린 리더 등 다른 표시 방식에서 숨겨짐
- 보안상 혹은 일시적으로 가릴 때는 사용하면 안됨
- CSS display 속성 값을 변경하면 hidden 속성이 존재해도 보이게 할 수 있음
