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