그냥 배우는 언어 기록하는 공간 :D

HTML

[HTML] 컨테이너 태그와 전역 속성

꾸준히_노력하기 2023. 10. 24. 16:55

>  컨테이너 태그

    • 여러 가지 요소를 묶어 편하게 관리하기 위해 사용하는 태그.
    • 콘텐츠나 레이아웃에는 어떠한 영향도 주지 않음
    • 콘텐츠 내용을 구분하거나 공통적인 스타일을 적용하고자 할 때 사용함.
    • 웹 브라우저의 개발자 도구(F12)에서 확인 가능.

 


>  div 태그

  • 블록 레벨 컨테이너 태그.

 

ex.

 


>  span 태그

  • 인라인 컨테이너 태그.

 

ex.

 


>  전역 속성

  • 모든 html 태그에서 공통으로 사용할 수 있는 속성.
  • 전역 속성(Global attributes).
  • (예) id, class, style, title

 


>  id 속성

  • 요소에 고유한 이름을 부여하는 식별자 역할 속성.
  • 태그명이 같은 요소들을 식별하기 위해 사용함.
  • 태그당 하나씩만 지정해야 함.

 


>  class 속성

  • 요소를 그룹 별로 묶을 수 있는 식별자 역할 속성.
  • 태그명이 같은 요소들을 식별하기 위해 사용함.
  • 여러 개를 지정할 수 있으며, 중복도 가능함.

 


>  style 속성

  • 요소에 적용할 CSS 스타일을 선언하는 속성.

 


>  title 속성

  • 요소의 추가 정보를 제공하는 텍스트 속성.
  • 사용자에게 툴팁을 제공함.
  • 툴팁 : 항목을 클릭하지 않고, 마우스 커서만 가져다 놓았을 때 말풍선처럼 생기는 것.

 


>  전역 속성 예시