① HTML id 속성은 HTML 요소의 유일한 id를 지정하는데 사용한다.

㉠ 하나의 HTML 문서에 같은 id를 가진 요소가 한 개보다 많이 존재할 수 없다.

㉡ id 속성은 특정 스타일 시트의 스타일을 가리키기도 한다.

㉢ 또한 자바스크립트를 이용해 id로 요소를 접근, 조작할 수 있게 한다.

ⓐ 클래스와 아이디로 쓸 수 있는 이름에는 규칙이 있다.

★ 첫 글자는 알파벳으로 시작해야 한다.

★ 두 번째부터는 알파벳과 숫자 그리고 하이픈(-) 또는 언더바(_)가 사용될 수 이다.

★ 대소문자를 구분한다.

★ 띄어쓰기를 사용할 시 구분되는 클래스로 인식하기 때문에 한 개의 클래스의 이름일 경우 하이픈이나 언더바 등을 이용해 띄어쓰기를 대체해줘야한다.

② id는 해쉬태그(Hash tag, #)를 사용하고 그 뒤에 id의 이름이 붙는다. 그리고나서 CSS 속성을 중괄호로 지정한다.

Mario

③ 클래스와 ID의 차이는 클래스는 여러 요소에 존재할 수 있지만, id는 페이지의 오직 한 개의 요소에만 존재해야 한다.

㉠ id를 이용해 내부 이동을 수행해야하기 때문에 속성값이 중복되면 안된다.

④ id를 이용해 한 페이지 내의 한 부분에서 다른 부분으로 점프시킬 수 있다.

㉠ 책갈피(Bookmarks) 기능과 같으며, 페이지가 굉장히 길 경우 유용하다.

㉡ id 속성으로 책갈피를 만든 뒤, <a href>요소로 id를 연결해주면 된다.

취미용 블로그