14
텍스트 기반 브라우저 (링크, elinks, lynx) 사용자가 내 사이트를 더 쉽게 사용할 수 있도록 마크 업을 포함하고 싶습니다. 사용자 에이전트를 기반으로하는이 특수 버전의 사이트를 제공 할 수 있지만 텍스트 기반 브라우저가 특히 잘 처리 할 수있는 마크 업 기능은 무엇입니까?텍스트 기반 브라우저는 어떻게 타겟팅 할 수 있습니까?
A
답변
2
나는 당신이 그것을 위해 필요한 특별한 마크 업을 모른다. 평소보다 마크 업이 적을 수도 있습니다. 최대한의 지원 만하기 때문에 가능한 한 JS를 사용하지 마십시오. 현대의 브라우저에서 CSS와 팬시 정렬을 사용할 때 사이트를 "멋지게"보이게 만드는 마크 업은 그럴 가치가 없으므로 방해가 될 수 있습니다. 내용에 따라 간단한 텍스트를 사용하는 것이 좋습니다. 또는 오래된 스타일의 페이지 (꽤 많은 GNU 페이지). "유닉스 프로그래밍의 예술"(http://www.faqs.org/docs/artu/index.html)의 온라인 버전의 예. 어디서나 읽기 쉽고 렌더링하기 쉬운 매우 단순한 디자인. 공상적인 디자인이나 묵시적인 디자인, 텍스트 만 링크하면됩니다. 모든 유형의 콘텐츠에 적합하지 않을 수도 있습니다. 기본적으로 가능한 한 간단하게 유지하고 멋진 레이아웃이나 레이아웃을 피하려고합니다. 일부 브라우저는 블록 요소를 하나씩 렌더링하기 때문에 왼쪽 또는 오른쪽에있는 메뉴는 맨 아래로 이동하거나 전체 첫 화면을 차지합니다. 스크롤 다운 될 때까지 콘텐츠가 표시되지 않습니다. 제 생각에는 수평 상단 메뉴가 가장 잘 작동합니다. 물론 조금씩 테스트하고 탐색하여 자신의 모습을 보는 방법을 알아보십시오.
15
모든 서식에 CSS를 많이 사용하는 것이 가장 좋습니다. 텍스트 기반 에이전트가 모든 것을 지원할 가능성은 낮기 때문에 외부 스타일 시트에 모든 스타일 정보를 드롭하면 (대부분 유지 관리가 용이하기 때문에) 필요에 따라 class 속성을 사용하면 사이트가 정상적으로 성능이 저하 될 수 있습니다. 대부분의 (모든?) 브라우저에는 개발자 도구 모음이 제공되므로 파이어 폭스, IE, 크롬 등의 스타일을 사용하지 않도록 설정할 수 있습니다. 필요할 때마다 텍스트 전용 브라우저에서 어떻게 보이는지 알 수 있습니다. .
주의해야 할 것은 테이블입니다. lynx는 테이블을 지원하지 않지만 다른 텍스트 기반 브라우저는 더 많거나 적습니다. 다시 말하지만, 가능한 한 페이지가 우아하게 저하되는지 확인하십시오.
궁극적으로 모든 레이아웃에 CSS를 사용하고 서식을 지정하면 텍스트 기반과 관련된 대부분의 문제를 해결해야합니다.
0
최상의 서버 텍스트 기반 브라우저를 사용하려면 간단한 의미 론적 마크 업을 사용하십시오. 사이트를 구축 할 때 "컨텐츠는 왕"이라는 생각을 지키고 시각적 템플릿을 중심으로하지 않고 컨텐츠를 중심으로 구조를 설계하십시오.
콘텐츠가 우선 될 때 텍스트 기반 브라우저를 혼동시킬 수있는 여분의 마크 업과 시각적 요소가 페이지에 정리되어 있습니다.
1
사용자 에이전트 문자열을 확인할 수 있습니다. 여기에 a comprehensive list입니다. lynx, 링크, elinks 및 w3m을 확인할 수 있습니다. 그러나 에이전트 문자열을 전혀 확인하지 않는 것이 좋으며 html을 깨끗하고 단순하게 유지하는 것이 좋습니다. elink와 같은 일부 텍스트 모드 브라우저에는 몇 가지 JavaScript 지원 기능이 있습니다. CSS 지원은 다양하지만 기본 HTML은 여전히 작동합니다.
링크와 같은 일부 텍스트 모드 브라우저에는 이미지를 볼 수있는 그래픽 모드가 있습니다. 당신이 <html>, <body>, <h1>, <p>, <a href="...">에 충실하고 이미지 alt="..."를 사용하는 경우
, 당신이 잘못 갈 수 없어.
관련 문제
- 1. jQuery 모바일 지원 전화를 어떻게 타겟팅 할 수 있습니까?
- 2. CSS를 사용하여이 요소 ID를 구체적으로 어떻게 타겟팅 할 수 있습니까?
- 3. Facebook 페이지의 탭을 지역 타겟팅 할 수 있습니까?
- 4. Apache Ant를 사용하여 iPhone을 타겟팅 할 수 있습니까?
- 5. 내부에있는 요소에 따라 요소를 타겟팅 할 수 있습니까?
- 6. img가 포함 된 태그를 타겟팅 할 수 있습니까?
- 7. 다른 HTML 파일에서 iframe을 타겟팅 할 수 있습니까?
- 8. 웹킷 기반 브라우저는 json을 스크립트로 해석합니다.
- 9. 어떻게 열에 인쇄 할 텍스트 파일을 포맷 할 수 있습니까?
- 10. 애플리케이션에서 이벤트 기반 아키텍처를 사용하도록 어떻게 접근 할 수 있습니까?
- 11. 브라우저는 전체 캐시를 어떻게 처리합니까?
- 12. 우분투에서 타겟팅 할 언어는 무엇입니까?
- 13. '비활성화'속성을 지원하는 브라우저는 어떻게 확인합니까?
- 14. 단일 Asp.net 모바일 응용 프로그램으로 모든 모바일 장치를 어떻게 타겟팅 할 수 있습니까?
- 15. 어떻게 자동으로 터미널을 제어 할 수 있습니까?
- 16. 웹 기반 비디오 녹화를 할 수 있습니까?
- 17. jQuery 텍스트 기반 선택
- 18. 어떻게 텍스트 필드를 사용자 정의 할 수 있습니까?
- 19. 이미지를 텍스트 영역에 추가 할 수 있습니까? 그렇다면 어떻게?
- 20. 어떻게 텍스트 필드가 응답 할 수 있습니까? <Enter>
- 21. 어떻게 텍스트 문자열에서 2 개의 값을 추출 할 수 있습니까?
- 22. jQuery를 사용하여 텍스트 색상을 어떻게 애니메이트 할 수 있습니까?
- 23. UITextView의 텍스트 부분을 어떻게 강조 할 수 있습니까?
- 24. 양식 텍스트 필드의 내용을 어떻게 할당 할 수 있습니까?
- 25. 어떻게 텍스트 상자에 거대한 문자열을 효율적으로 추가 할 수 있습니까?
- 26. 수퍼 클래스의 텍스트 요소에 어떻게 접근 할 수 있습니까?
- 27. iPhone : 어떻게 UIButton 텍스트 색상을 교체 할 수 있습니까?
- 28. 탭이있는 텍스트 파일을 어떻게 인쇄 할 수 있습니까?
- 29. phpstorm : 클래스 브라우저는 어디에 있습니까?
- 30. Sony Bravia 인터넷 브라우저는 어떻게 검색합니까?
일반 접근성 가이드 라인을 살펴 보는 것이 좋습니다. http://www.w3.org/TR/WCAG20/ –