일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- mobile view
- font-size
- 모바일테스트
- meta
- white-space:pre
- view test
- onmouseup
- Gallery
- 키보드방지
- break-all
- 웹표준 약도
- CSS
- html5
- Ajax
- onlosecapture
- Filter
- box-shadow
- word-break
- IE8
- 스크립트
- keep-all
- JavaScript
- 웹표준
- Mobile
- 개발자도구함
- HTML
- jQuery
- font
- css3
- 소스보기방지
Archives
- Today
- Total
목록skip navi (1)
감성 퍼블리셔 html,css
웹표준에 의한 skip_nav 기본적 기능과 원리
웹표준이 기본틀이 되면서 홈페이지 만들시 꼭 넣어줘야 할 skip_nav css를 모두 제거 한 후 보면 맨 위에 위치하게 되는 버튼, 웹표준으로 바뀌면서 시각장애인들이 음성변환기로 웹페이지를 접하게 되면서 음성변환기가 위에서 부터 차례대로 읽어준다. 이부분에서 많은양을 순차적으로 이동하기 때문에, 기본적인 점프개념으로 이동시키기 위한 역할. 일반적으로는 상단메뉴인(gnb)와 내용(container)쪽으로 2개를 잡아주며, 웹사이트 성격에 따라 주요 컨텐츠에 쪽에 1개를 더 잡아는주는 경우가 있다. 이 skip navi는 코딩에 스타일로 감춰져 있는 방법과, 탭키를 눌렀을시 관련내용의 네비바가 생성되는 방법으로 나누어져 있다. (*하단 이미지참조) skip_navi 관련 태그 ===============..
HTML/CSS
2015. 1. 11. 21:45