728x90
시멘틱 태그에 대해서 알아두면 굉장히 좋다
사실 <div> 이거 하나만 알아도 실제로는 무방하다 보지만, 협업이나 여러사람들이 같이 하는 구조에서는 이러한 방법은 비효율적인 방법이다.
어떤 곳에서 어떻게 쓰이는지 시각적으로 직관적으로 해야 협업이 가능하므로 알아두면 굉장히 좋다
필수라고 해도 과언이 아니다
728x90
리액트에서 HTML5 시멘틱 태그 적용
프로젝트를 진행하면서 많은 사람들이 서비스를 이용해봤으면 하는 마음이 있었다. 그러기 위해서 검색에서 상위로 사이트가 떠야했기에 SEO 최적화를 알아봤고 리액트는 <div id="root">...</div>로
velog.io
이 사이트가 설명을 잘 해놓은 것 같다.
| <header> | 말 그대로 헤더 , 머리말 |
| <nav> | 말 그대로 네비, 목차 , 리스트 등 |
| <aside> | 말 그대로 어사이드, 우,좌의 사이드 공간 |
| <section> | 말 그대로 섹션 , 카테고리 등 |
| <article> | 말 그대로 기사, 내용 적기 |
| <footer> | 말 그대로 밑, 바닥글 |
| <address> | 주소 , 정보 등 |
| <hgroup> | 그룹 묶음, 제목 및 부제목을 한 그룹으로 묶음 |
| <main> | 말 그대로 메인 |
| <details> | 말 그대로 세부사항, 세부적인 내용 |
| <figure> | 이미지, 사진 등 콘텐츠 |
| <figcaption> | 위의 부가적인 정의 |
| <mark> | 강조 |
| <time> | 시간 |
| <summary> | 요약 |
728x90
'React' 카테고리의 다른 글
| React_ Refused to execute script from 'static/js/main.e0239543.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled. (0) | 2024.08.09 |
|---|---|
| React_ npm module @types 의 의미 (0) | 2024.07.29 |
| React_ build 시, 기본 접속 url 변경 (0) | 2024.07.16 |
| React 프로젝트 생성 feat. Typescript (0) | 2024.06.13 |
| React 무한 스크롤 (0) | 2024.06.10 |