우리는 롤오버에서 확장되는 nav (이 코드를 기반으로 : http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm)를 가지고 있습니다.자바 스크립트가 비활성화되었을 때의 사이트 탐색
먼저 nav의 javascript 버전이 있어야하나요?
그렇다면 가장 좋은 방법은 무엇입니까?
우리는 롤오버에서 확장되는 nav (이 코드를 기반으로 : http://www.dynamicdrive.com/dynamicindex1/droptabmenu.htm)를 가지고 있습니다.자바 스크립트가 비활성화되었을 때의 사이트 탐색
먼저 nav의 javascript 버전이 있어야하나요?
그렇다면 가장 좋은 방법은 무엇입니까?
네, 항상 비 자바 스크립트 버전의 탐색이 있어야합니다.
가장 좋은 방법은 자바 스크립트로 하위 메뉴를 숨기는 스타일을 적용하는 것입니다. 자바 스크립트가 실행되지 않으면 전체 메뉴가 표시됩니다.
링크 된 메뉴의 HTML은 괜찮아 보입니다 (<ul>
및 <a>
). 스파이더 또는 비 자바 스크립트 사용자가 읽기에 좋고 쉽습니다.
모든 항목이 자바 스크립트가 아닌 버전을 사용하는 것이 좋습니다.
검색 엔진 로봇은 일반적으로 자바 스크립트를 해석하지 않으므로 자바 스크립트를 사용하지 않으면 페이지에 대한 색인이 생성되지 않을 수 있습니다.
sitemap 페이지에있는 모든 정적 페이지에 대한 링크가있는 페이지는 누구나 어디서나 쉽게 이동할 수있는 가장 쉬운 방법입니다.
기본적으로 자바 스크립트를 HTML 페이지에 넣지 않아도되는 눈에 거슬리지 않는 자바 스크립트를 사용하고 싶을 수도 있습니다. 자바 스크립트 파일을로드하면됩니다.
이제 왼쪽 메뉴에서 시작하여 내비게이션 <li>
및 앵커 태그를 사용하면 자바 스크립트없이 탐색 할 수 있습니다.
javascript를 실행하는 경우 DOM 트리가 준비되면 수행해야 할 첫 번째 작업은 탐색 div에 display: none
을 설정하고 새로운 대화 형 탐색 모음을 삽입하는 것입니다.
이렇게하면 자바 스크립트없이 어떻게 작동하는지 확인할 수 있습니다.
또는 자바 스크립트가 필요하다는 것을 알리는 메시지를 가질 수는 있지만 위와 같이 숨길 수도 있습니다.
자바 스크립트가없는 경우에도 가능한 한 기능이 적더라도 작업하는 것이 더 좋습니다.
나를 오해하지 마십시오 : JavaScript가 켜져 있지 않은 브라우저를 지원하는 것이 좋습니다. 특히 메뉴처럼 간단합니다.
그러나 프로젝트에 예산이 없거나 작성중인 응용 프로그램이 JavaScript에 크게 의존하는 경우이를 지원할 수 없습니다.
통계는 w3c과 the counter에서 93 % ~ 95 %의 사용자가 JavaScript를 사용할 수 있음을 나타냅니다. 자, 여러분이 이것이 세계 인구 통계라고 생각하십시오. 시간과 돈에 가치가 있는지 실제로 판단하기 위해 자신의 통계를 작성하여 트래픽/인구 통계에서 자바 스크립트를 사용할 수있는 비율을 결정해야합니다.
사이드 노트 : 이유는 사람들이 IE 6을 지원하지 않으려 고하는 이유와 마찬가지로, 회사도 noscript 지원에서 멀어지고 있습니다.특히 대규모 RIA에서는 동일한 것을 두 번 쓰는 것이 실용적이지 않습니다. 하나의 프로젝트에 대해 두 개의 코드베이스를 유지하는 것은 좋은 생각이 아닙니다. 물론 이것은 항상 클라이언트와 대상 인구 통계를 기반으로합니다.
괜찮아 보이지만 CSS 클래스는 기본적으로 "숨김"으로되어 있으므로 javascrip을 사용하지 않도록 설정하면 상위 항목 만 표시됩니다. –
예. 변경해야 할 내용입니다. – Greg
@nute - 기본값을 표시로 변경하고 새 클래스 이름을 추가하고, 포함 된 Javascript를 사용하여 해당 클래스의 새 CSS 규칙을 추가합니다 (표시 : 없음). Javascript가 활성화 된 브라우저는 Nav가 표시되기 전에 숨김으로 설정하므로 (깜박임 없음) JS가 아닌 브라우저도 Nav를 볼 수 있습니다. – donohoe