[html 기초] article vs section에 대한 어느 개발자의 인사이트(퍼옴

2024. 1. 9. 16:02카테고리 없음

728x90
반응형

html 공부를 하는데 <header> <main> <section> <article> <footer> 등의 태그에 대한 궁금증이 생겼다. 겉으로 보기에는 큰 차이가 없어 보이는데 왜 다른 이름의 태그를 써야 하는지... 찾아보다가 어느 개발자가 친절히 탐구내용을 공유한 것이 있어 기록해둔다. article과 section의 차이, 육안으로 같은 내용이 보이더라도 태그명에 따라 역할이 달라질 수 있음을 잘 보여주는 것 같다(특히 스크린리더 사용자를 고려한 웹사이트 개발과 관련해 중요해 보인다).

 

 

 

https://webactually.com/2020/03/03/%3Csection%3E%EC%9D%84-%EB%B2%84%EB%A6%AC%EA%B3%A0-HTML5-%3Carticle%3E%EC%9D%84-%EC%8D%A8%EC%95%BC-%ED%95%98%EB%8A%94-%EC%9D%B4%EC%9C%A0/

 

버리고 HTML5 써야 하는 이유 - Webactually

각 태그는 목적에 맞게 쓰여야 합니다. 제목을 표시할 때는 헤딩 태그를 〈h1〉, 〈h2〉··· 순차적으로 나열하는 구조여야 합니다. 같은 레벨의 〈h〉 태그에 〈section〉을 둘러싸서 제목 크기를

webactually.com

 

728x90
반응형