footer element - by. UXKM
요약 설명
<footer>요소는 문서 전체나 개별 섹션의 바닥글(꼬리말)을 나타내는 시맨틱 태그로, 작성자 정보, 저작권, 관련 링크, 하단 내비게이션 등 해당 영역을 마무리하는 내용을 포함합니다.
문서 전체의 푸터로 사용할 수도 있고,<article>,<section>,<aside>등의 내부에서도 부분적인 푸터로 사용될 수 있습니다. 하나의 문서 안에 여러 개의<footer>를 사용할 수 있으며, 구조적으로 해당 콘텐츠의 끝이라는 의미를 부여합니다.
주요 역할 및 특징
-
문서나 섹션의 요약 정보 제공
- 페이지 전체나 섹션의 끝부분에서 부가적인 정보(저작권, 제작자 정보)를 표시합니다.
-
<footer>는 문서 전체나<article>,<section>과 같은 콘텐츠 그룹 내에서도 사용할 수 있습니다.
-
구조적 의미 부여
-
<footer>는 해당 영역이 문서나 섹션의 끝부분임을 명확히 정의합니다. - 시각적 구조뿐만 아니라 의미론적 구조를 강화하여 SEO와 접근성을 높입니다.
-
-
다른 요소와의 관계
-
<header>는 문서나 섹션의 머리말을 나타내는 반면,<footer>는 끝부분을 나타냅니다. -
<footer>내부에는 텍스트, 링크, 이미지, 작은 내비게이션 메뉴 등이 포함될 수 있습니다.
-
-
반복 사용 가능
페이지마다 고유한
<footer>를 가질 수 있으며, 섹션이나<article>과 같은 특정 콘텐츠 단위에서도 사용 가능합니다.
CSS 기본 값
<footer> 요소는 기본적으로 블록 레벨 요소입니다.
기본 문법
속성
<footer> 요소는 고유 속성을 가지지 않으며,
글로벌 속성(class, id, style, aria-*, data-* 등)만 사용할 수 있습니다.