반응형
250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |
Tags
- forEach
- React
- scroll
- 스크롤
- scrollY
- mousemove
- css
- 이벤트리스너
- pointermove
- insertAdjacentHTML
- NAV
- localstorage
- swiper
- Animation
- 반복문
- 애니메이션
- Sticky
- JavaScript
- Hover
- getBoundingClientRect
- addEventListener
- classList
- 확장성
- html
- For
- NodeList
- swiperjs
- input
- scrollevent
- width
Archives
- Today
- Total
목록seo (1)
ZeroToHunnit Coding
[HTML] 시맨틱 마크업 태그 정리
우선 시맨틱(semantic)의 사전적 의미는 '의미의, 의미론적인' 이다. 즉, 시맨틱 마크업은 의미있게 페이지를 짠다는 말이다. 의미있게 페이지를 짜는 것이 무엇일까? 단순히 div를 가지고 박스 배치를 하는 것이 아닌 div의 용도에 따라 의미가 있는 태그로 가독성도 높이고 또한 SEO(검색 엔진 최적화)에 유리하게 코딩할 수있다. *SEO는 쉽게 말하면 네이버나 구글에 키워드를 검색했을 때 얼마나 독자들에게 쉽게 노출되는 지를 의미한다. - 레이아웃 구조 홈페이지의 구성을 살펴보면 보통 다 비슷하기 때문에 예시를 보면 바로 이해할 수 있을 것이다. ex)
HTML,CSS
2023. 12. 30. 14:50