전역속성

🍰 id 속성

• 고유식별자
• 문서전체에서 서로 겹친 id를 가질 수 없음
• 여러개요소가 공유X
• 공백이 들어갈 수 없음
• 숫자나 특수문자로 시작 X, 영어소문자로 시작O
• -(대쉬) 나 _(언더대쉬) 로 구분가능

🍰 class 속성

• 식별자
• 여러개요소가 공유O
• 클래스이름에 공백X
• 하나의 요소가 여러개의 클래스를 가질 수 있으며 여러개를 구분할 때 공백으로 구분

🍰 style 속성

• 하나의 요소에만 스타일 적용할 때 사용
• 보통 권장되지 않으며 자바스크립트로 일시적인 스타일 변화나 테스트하는 상황에 주로 쓰임
• css외부파일을 무시하고 먼저 적용되기 떄문에 지양하기

🍰 title 속성

• 하나의 태그에 추가적인 설명을 툴팁으로 보여줌
• 마우스를 올리면 설명이 쓰여진 말풍선이 뜸
• <pre> 태그처럼 인식
• 부모, 자식이 다 title을 가지고 있으면 자식요소의 툴팁이 우선적으로 나옴

🍰 lang 속성

• 컨텐츠를 읽고 있는 사람이 어떤 언어로 읽는지
• 일부 문단이 다른언어로 이루어져있으면 따로 lang 속성 작성
• 웹접근성을 높히기 위한 속성
• 기본적으로 상속됨
• metadata 의 charset 속성 유니코드 -> 컴퓨터가 이해할 수 있는 언어를 명시

🍰 data-* 속성

• 실제로 존재하는 속성이 아님
• 사용자눈에는 보이지 않지만 자바스크립트가 html 정보를 이해하고 사용할 수 있도록 만든 것

🍰 draggable 속성

• 드래그 가능 여부를 나타냄
• boolean 속성 아님
• draggable="true" or "false" 값을 명시해줘야함
• 자바스크립트를 같이 사용한다면 드래그해서 다른 위치로 옮기는 어플리케이션 만들 수 있음

🍰 hidden 속성

• 요소를 숨김
• 사용자 눈에 보이지 않는 정보들을 hidden 처리할 수 있음
  boolean 속성
• 시각적으로 숨길 때는 괜찮지만 보안상 가려야하는 부분은 사용하면 X (코드에 다 보여짐)