<span style="BACKGROUND-COLOR: #ffd700">Background color</span>
어떻게 화면 판독기 핸들 인라인 CSS를? CSS 관리를 제외하고 인라인 CSS의 다른 단점이 있습니까?
인라인 스타일도 유효합니다. 나는 W3C Validator와 XHTML 1.0 Strict Doctype으로 테스트를 했습니까?
<p><span style="MARGIN-RIGHT: 0px">Left indent</span></p>
어떻게 화면 판독기 핸들 인라인 CSS를?
다른 CSS와 동일합니다.
CSS 관리 이외의 인라인 CSS에는 다른 단점이 있습니까?
대역폭 관련 비용.
당신은 'style = "을 의미합니다. MARGIN-RIGHT : 0px"는 화면 판독기에 문제가되지 않습니다. –
인라인 CSS는 화면 판독기에 적합하지 않습니다. 그냥 그 유용하지/
하지만 추가 방법으로 스타일을주고 싶다면/ 가능하면 이것을 사용하십시오;
div.blabla p span{margin-right: 0px;}
또는 jQuery로 해당 스타일을 제공
/$("div#blabla").css("display","none");
인라인 스타일을 관리하고 재정의 어렵다. 색상과 테두리를 설정하면 인쇄 스타일 시트가 무시 될 수 있습니다. 나는 인쇄물 미리보기에서 노란색 링크를 보았습니다 ... 분명히 저자의 의도는 아니지만 매우 나쁜 사용자 경험입니다.
스크린 리더는 display 속성 만 사용하고, 요소는 display:none으로 표시되지 않습니다. 당신이 그것을 선언하는 것은 중요하지 않습니다.
나는 스크린 리더가 모든 스타일을 무시할 것이라고 생각 했습니까? – Nitrodist
아니요. 그들은 화면에 무엇이 있고 DOM에 무엇이 있는지의 조합을 읽습니다. 스크린 미디어 스타일 시트가 적용됩니다 (예 :'display : none'는 화면 판독기에서 내용을 숨김). – Quentin