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 |
Tags
- headings
- h1~h6
- colspan
- src
- videoTag
- atag
- HTML공유
- 목록태그
- HTML
- java
- HTML_Semantic
- audioTag
- 부가가치세율
- explanation
- database
- imgtag
- 본문태그
- 복합 선택자
- HTML학습
- maintext
- 랜덤숫자
- autoplay
- 공유
- rowspan
- controls
- TR
- HTML시맨틱
- HTML코드
- href
- type
Archives
- Today
- Total
목록HTML시맨틱 (1)
MUMYEONG

시맨틱요소 정의 및 사용이유 정의 시맨틱(semantic) 요소란? 그 자체에 의미를 가지고 있는 요소를 말한다. 즉, 요소가 자기 스스로 브라우저와 개발자 모두에게 자신이 사용된 의미를 명확히 전달해 주는 요소를 의미한다. 사용하는 이유 검색엔진최적화(SEO) : 웹사이트는 검색엔진의 노출이 매우 중요하다. 검색엔진이 검색을 수행할때 태그를 분석하는데 시맨틱태그를 사용하여 태그들의 의미가 분명해지면 검색엔진이 쉽게 구별할 수 있을것이다. 유지보수 및 가독성 : 아래의 잘못된 예시처럼 모든 태그들의 로 되어 있을경우 영역파악이 쉽지않다. 그래서 시맨틱태그를 사용하면 다른 작업자에게 코드를 공유해도 쉽게 영역을 파악할 수 있을것이다. 웹 접근성 : 아래의 옳은 예시처럼 시맨틱태그를 사용하여 의미있고 보기좋..
Development/HTML
2022. 3. 9. 15:43