tag와 함께 활용하면 강력한 기능을 나타낼 수 있는 attribute 중 'id'에 대해 알아보자
id는 여러 중요한 attribute 중 하나이다.
웹 페이지를 꾸미는 도구인 CSS를 사용할 때 많이 사용하기 때문이다.
id는 <body></body> 안에 어떠한 tag에도 넣을 수 있는 Global attribute이다.
어떠한 tag에도 넣을 수 있는 이유는 id가 unique identifier(고유식별자)이기 때문이다. 쉽게 말해 '유일하다' 인 것.
만약 내가 어떠한 tag안에 id="monday" 라고 사용을 했으면 다른 어떠한 tag에서도 똑같은 id를 쓸 수 없다는 것이다.
엄밀히 말해 쓸 수는 있지만(=browser가 error를 내지 않겠지만) brower와 약속된 것이 아니기 때문에 원하는 결과값이 도출되지 않을 것이다.
또한 하나의 tag 당 하나의 id만 사용할 수 있다는 점도 유의해야한다.
그렇다면 왜 id는 고유해야하고 중복해서 사용하면 안되는 것인가.
CSS를 사용할 때 우리가 'A라는 것은 녹색으로 해줘' 'B는 크기를 몇으로 하고 밑줄을 그어줘' 라고 할 때
A와 B를 모두 같은 id를 부여하면 browser는 뭐가 A고 B인지 알 수가 없어지기 때문이다.
우리가 특정 사이트에 가입을 할 때 id중복검사를 해서 고유한 id만을 만들도록 하듯이 같은 개념이라고 생각하면된다.
<정리>
- id는 body 안의 어떠한 tag에서도 사용할 수 있는 tag이다.
- 하나의 tag안에는 하나의 id만을 사용할 수 있다.
- id는 중복되면 안되기 때문에 다른 tag에 사용한 id값을 다시 사용할 수 는 없다.
'Website > CSS' 카테고리의 다른 글
| Class (0) | 2022.02.13 |
|---|---|
| Padding (0) | 2022.02.13 |
| Margin (0) | 2022.02.10 |
| block & inline (0) | 2022.02.10 |
| What is CSS? (0) | 2022.02.03 |