시맨틱 태그(Semantic tag)
많은 개발자가 웹 사이트를 개발할 때 특정 레이아웃을 선호하자, HTML5에서 해당 레이아웃을 아예 태그로 만들어 각 요소의 쓰임을 명확하게 구분하였다. > 이를 시맨틱 태그(Semantic tag)라고 한다. Semantic = 의미론적 시맨틱 태그 = 의미를 가지는 태그 나눠진 구획의 기능을 태그 이름만 보고도 이해할 수 있다. 시맨틱 태그를 사용해야하는 이유 1. SEO Search Engine Optimization 2. 접근성 스크린 리더를 이용하거나 키보드만을 이용해 접근하는 경우에 문제없이 동작하도록 해야함 3. 유지보수 한눈에 구조를 알아보기 쉬워야 유지보수에 좋음 웹 페이지 혹은 의 소개나 제목을 담기 위해 사용하는 요소 와 혼동하지 않도록 유의 내비게이션 역할을 수행하는 요소 페이지 이..
공부 노트
2021. 9. 27. 15:19
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- Python
- html
- 제로초
- 제이쿼리
- 코드잇
- 저스트코드
- Typescript
- js
- vscode
- 코딩앙마
- React
- map
- 비주얼스튜디오코드
- scss
- 스파르타코딩클럽
- 파이썬
- TS
- 깃
- javascript
- vue
- 타입스크립트
- 리액트
- 자바스크립트
- Til
- git
- CSS
- 구름에듀
- 김버그
- 회고
- 드림코딩
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함