HTML 태그

대표적인 HTML 태그들

1. <header>:

   • 책의 표지처럼, 문서나 섹션의 제목과 관련된 정보를 담는 부분이에요. 예를 들면, 페이지 상단에 있는 로고, 제목, 메뉴 같은 걸 넣을 때 사용해요.

2. <nav>: navigation links

   • 책의 목차처럼, 웹사이트 안에서 다른 곳으로 이동할 수 있는 메뉴를 만드는 데 사용해요. 예를 들어 "홈", "소개", "연락처" 같은 링크들이 여기에 들어가요.

3. <section>:

   • 책의 한 챕터 같은 느낌이에요. 큰 문서나 페이지 안에서 특정 주제를 다루는 부분을 나눌 때 사용해요.

4. <article>:

   • 독립적인 글이나 콘텐츠를 표현할 때 사용해요. 예를 들어, 블로그 글이나 뉴스 기사 하나를 쓸 때 적합해요.

5. <aside>:

   • 메인 이야기와는 관련 있지만 부가적인 정보를 담는 부분이에요. 책의 여백에 적힌 메모처럼, 광고나 참고 자료를 보여줄 때 사용해요.

6. <footer>:

   • 책의 맨 마지막 페이지처럼, 문서나 섹션의 끝부분에 저작권 정보나 연락처 같은 걸 넣을 때 사용해요.

7. <details>:

   • 숨겨진 내용이 있고, 클릭하면 그 내용을 보여주는 방식이에요. FAQ에서 질문을 클릭하면 답이 나오는 경우를 생각하면 돼요.

8. <summary>:

   • <details>를 여닫는 버튼 역할을 하는 제목이에요. 클릭하면 숨겨진 내용이 펼쳐지게 돼요.

쉽게 말해, 이 태그들은 웹페이지를 구조적으로 나누고, 사용자에게 내용을 더 이해하기 쉽게 보여주기 위한 도구라고 생각하면 돼요!