목록Semantic (1)

망각에 재주 있는 나를 위해 기록하는 곳.

[HTML] 시맨틱 태그 (& html tag 정리2)

시맨틱 태그(semantic tag) : 의미를 가지고 있는 태그. 시맨틱 태그를 사용함으로써 각 태그가 담고 있는 내용을 명확하게 해 준다. 그 요소들로 header, nav, aside, article, section, footer가 있다. 이것들을 그림으로 표현하면 이런 형태로 만들 수 있다. 이 외에도 위치는 필요에 따라 변경이 가능하다. 이 태그들을 보면 대략적으로 어떤 내용이거나 목적을 알 수 있다. header는 제목의 같은 느낌이다. 사이트 메인의 이름, 로고가 될 수도 있고 article 내의 제목이 될 수도 있다. 소개나 내비게이션 기능의 묶음을 나타낸다. nav는 방금 위에 말한 내비게이션(navigation) 역할을 하는 태그이다. 사이트 내에서 다른 페이지로 링크되어 있는 경우다...
HTML, CSS 2021. 7. 15. 02:26
이전 Prev 1 Next 다음