컨테이너와 전역속성

컨테이너 태그

콘텐츠나 레이아웃에 아무런 영향도 주지 않고, 단지 다른 요소 여럿을 묶어 관리하기 편하게 만드는 역할을 하는 태그를 '컨테이너'라고 한다.
콘텐츠 내용을 구분하거나, 공통적인 스타일을 적용하고자 할 때 개발자는 컨테이너를 사용하는 것이 좋다!

다음 두 가지 태그가 컨테이너 역할을 답당하는 태그들이다.

<div></div> 블록 레벨 컨테이너
<span></span> 인라인 컨테이너

전역 속성

전역 속성(Global attributes)은 모든 HTML 태그에서 공통으로 사용할 수 있는 속성이다.
속성이란 태그의 부가적인 기능을 정의하는 것으로, 선택사항이다.
속성은 시작태그의 내부에 정의한다. 속성의 개수에는 특별한 제한이 없다.

<태그명 속성명="속성값" 속성명="속성값">콘텐츠</태그명>

대포적인 전역 속성들

• id : 요소에 고유한 이름을 부여하는 식별자 역할 속성.
• class : 요소를 그룹 별로 묶을 수 있는 식별자 역할 속성.
• style : 요소에 적용할 css 스타일을 선언하는 속성.
• title : 요소의 추가 정보를 제공하는 텍스트 속성.(툴팁)

더 많은 전역 속성을 알고싶다면 아래 링크를 참조해주세요!
https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes

내용정리

• 콘텐츠나 레이아웃에 영향을 주지 않는 태그 요소를 컨테이너라 한다.
• 컨테이너는 영역을 묶어서 관리하고자 할 때 사용한다.
• 모든 태그에 공통적으로 지정 가능한 속성을 전역 속성이라 한다.
• id와 class는 태그명이 같은 요소들을 식별하기 위해 사용하는 속성들이다.
• id와 태그당 하나씩만 지정해야 하나, class는 다중 지정 및 중복 가능하다.
• 특정 태그에만 지정 가능한 속성들도 물론 존재한다!