1.Attributes(속성)
- Attributes는 HTML 요소의 추가적인 정보를 전달하고 이름=“값” 형식을 갖는다.
- 아래의 div태그에는 class라는 attribute에 'my-class'라는 값이 있다.
- 다양한 속성들이 있으니 필요한 상황에 맞춰서 찾아보자~!!
<div class=“my-class”></div>2.Arguments(속성값)
- 각 요소의 속성을 표현할 때 속성값에 따라 다른 효과를 줄 수 있다.
- 같은 속성이라도 속성값에 따라 기능적으로 스타일적으로 다른 결과물을 나타낸다.
3.id
- id는 각 태그에 이름을 부여하는 속성
- 주민등록번호와 같이 한국에 단 하나밖에 없는 고유한 값
- 웹 페이지에 해당 id는 오직 하나만 가질 수 있다.
- id 속성값을 중복되게 사용할 수 없다.
- 해당 요소에만 넣고싶은 디자인을 적용할 때 사용
- Javascript 코드에서도 사용한다. (새로운 data로 내용을 변경할 때, 요소의 스타일을 바꿀 때 등 )
<div id="id당"> 내용이당 </div>4.class
- class도 태그에 이름을 주는 속성
- id와 비슷한 역할이지만, class는 여러 태그에 중복된 이름을 부여할 수 있다.
- 예를 들어, '홍길동' 이름을 가진 사람이 여러 명인 것처럼 태그에 중복된 class name을 부여할 수 있다.
<div class="content-wrap"></div>
<p class="content-wrap"></p>
블로그 운영 x