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
- 시맨틱 태그
- googlechart
- window open
- JavaScript
- 구글차트
- 태그
- relative
- 새창열기
- css3
- tag
- 깜박임
- 가상 클래스
- 가상 요소
- 시맨틱
- 페이지 이동
- Semantic tag
- translate
- jQuery UI
- 툴팁
- jQuery
- Semantic
- onclick
- HTML
- 팝업
- position
- html5
- script
- Transform
- window.open
- absolute
Archives
- Today
- Total
목록css3 (1)
무아지경
[웹표준]HTML5 시맨틱(Semantic) 마크업
HTML5 시맨틱(Semantic) 마크업 HTML5의 가장 큰 특징 중 하나인 시맨틱 태그 시맨틱(Semantic)은 "의미론적인"이란 뜻을 가진 단어이다. 즉 개발자와 브라우저에게 의미있는 태그를 제공한다고 이해하면 될 것 같다. 간단한 예로 는 non-semantic 태그라 볼 수 있고 , , 등은 semantic 태그라고 볼수 있다. 이면 표가 들어 갈 것이고, 는 네비게이션을 의미할 것이라는 것을 유추 할 수 있다. 즉 시맨틱 태그를 보면 태그 자체만 봐도 어떤 의미로 사용 된 태그인지 알 수 있게 된다. 이렇게 의미를 가진 태그는 검색엔진이나 그 이외에 기계적인 동작들이 웹페이지를 쉽게 이해 할 수 있게 된다. 사용은 를 사용하듯 사용하면 된다. 시멘틱 마크업 작성의 장점 - 접근성이 좋아짐 ..
웹표준 & 웹 접근성
2018. 7. 13. 14:55