class, id
id
- id는 고유 값으로 중복 선언할 수 없다.
- 공백문자를 사용할 수 없다.
class
- class는 id와 달리 여러 요소의 같은 값을 선언할 수 있다.
- 한 요소에 여러개의 class를 가질 수 있다. 공백 문자를 통해 인식
style
특정 요소에 직접적으로 스타일을 적용할 수 있다.
권장하는 방법이 아님
title
요소의 추가 정보를 제공한다. (적용 후 마우스 오버시 확인 가능)
- 공백 요소를 모두 인식한다.
<!-- title이 중복된다면 제일 하위 요소의 title이 보여진다. -->
<div title="1">
<!-- 마우스 오버시 1이 보여짐 -->
Hello
<!-- 마우스 오버시 2이 보여짐 -->
<div title="2">Hello</div>
</div>lang
특정 요소에 언어를 지정할 수 있다.
스크린리더기는 lang에 따라 읽는 성우가 달라진다.
data
html에서 제공하는 속성이 아닌 data-"text"를 통해 속성의 이름을 직접 지정할 수 있다.
대체로 javascript에서 데이터에 접근하기 위해 사용한다.
draggable
드래그 가능 여부를 설정한다.
불린형이 아닌 열거형 특성으로 draggable="true || false"로 명시해야 한다.
기본값은 true
hidden
기본값은 false이고 true로 설정할 경우 화면상에서 지정한 요소가 사라진다. 하지만 개발자 도구에서는 요소를 확인할 수 있으므로 보안상 중요한 내용에는 hidden속성을 적용하는 것이 좋지 않다.
