Attribute(속성)을 찾아보세요~
<div class="11기" id=wldus9503> </div>Q. id일까요?class일까요?or div일까요?
: 정답은 id, class 두 개 입니다. 만약, div부분을 물어보신다면 div는 태그 입니다.
사실 문제에서는 두가지의 종류만 보았지만, attribute에는 종류가 많습니다.
그리고, 어떤 tag인지에 따라서 적용될 수 있는 attribute도 달라집니다.
코드:
<div href="https://velog.io/@wldus9503/TIL-01.-HTML-%EA%B7%B8%EA%B2%83%EC%9D%80-%EB%AC%B4%EC%97%87"></div>
다음과 같은 건 오류가 납니다.
href속성은 다른 페이지로 이동하는 주소로 주로 a태그와 쓰입니다.
자, 기본적으로 알아야 하는 id와 class attribute를 기억해보겠습니다.
id(#)
- 한 HTML문서에 각 태그에 이름을 주는 속성
- but! 이름을 보면 딱 그거 하나만 떠오를 수 있는 고유한 값이어야 합니다. 중복불가능
- 고유한 값이기 때문에 검색에 용이
- 어디에 쓰이나?
: 해당 요소에만넣고 싶은 디자인을 적용할 때 사용
예를 들어, HTML에서 <span>태그에 어떤 부분을 font를 변경하고 싶다면
<span id="ch_font">이렇게 id값을 주고, css로 넘어가 오로지 id값이 "ch_font"라는 것에만 폰트를 변경하면 됩니다.
class(.)
- 마찬가지로, 태그에 이름을 주는 속성
- 여러 태그에 중복된 이름을 부여할 수 있다.
- 하나의 태그에 여러 개의 다른 class이름을 공백을 기준으로 나열가능
- 홈페이지 전체적인 스타일을 일관성있게 하기 위해서 class사용이 필수
Everyday STEP BY STEP