W3C 유효한 프레젠테이션 요소를 사용하기위한 실질적인 단점은 무엇입니까?
-
19-09-2019 - |
문제
W3C 유효한 프레젠테이션 요소를 사용하기위한 실질적인 단점은 무엇입니까?
- XHTML-CSS 개발자의 경우
- 사이트의 최종 사용자,
- 그리고 스크린 리더 사용자의 경우?
처럼 <b>
, <i>
, <br>
, <hr>
, <small>
이 태그를 프리젠 테이션 목적으로 사용하는 경우. (노트: 이들은 또한 HTML 5에서 지원됩니다)
예를 들어:
- 내가 사용하는 경우
<b>
대신에<span style="font-weight: bold">
- 내가 사용하는 경우
<i>
대신에<span style="font-style: italic">
- 내가 사용하는 경우
<br>
공간을 만들지 않기 위해 단락에서 라인을 깨뜨리려면 - 내가 사용하는 경우
<hr>
대신에<div style="border-bottom: 1px solid #666">
- 내가 사용하는 경우
<small>
대신에<span style="font-size: 9px">
나는 그 사이의 차이점을 알고있다 <strong>
그리고 <b>
. 내 질문은 아닙니다 <strong>
vs <b>
해결책
그 자체로 'con'이 없습니다. 그것들을 사용하는 데 'con'이 있습니다 잘못된 것. 그들은 종종 과거 웹 페이지에서 잘못된 일에 사용되었지만 이것이 옳지 않다는 것을 의미하지는 않습니다.
<i>
의미 적으로 동일합니다 <span style="font-style: italic">
: 즉, 의미 론적 내용이 없습니다. 내부의 단어 <i>...</i>
더 중요하지 않습니다. 웹 페이지 텍스트-음성 변환기는 (*) 강조된 음성으로 해당 단어를 읽어서는 안됩니다.
이 문장에서 '확실히'와 같은 단어를 강조하고 싶을 때 분명히 사용 <em>
. 이것은 일반적인 경우입니다. 그러나 시각적 목적을 위해 텍스트 블록을 이탤릭체화하는 것과 같은 인쇄상의 세부 사항을 원하거나 항상 사이트를“사물”이라고 언급하는 것과 같은 인쇄상의 기발함을 원할 때세계!”, <em>
적합하지 않으며 의미론이없는 버전을 원할 것입니다 ( <i>
아니면 그 <span>
).
비슷하게, <strong>
강조 될 것이기 때문에 위의“잘못된 것”에 적합합니다. 주변 텍스트보다 더 중요하다는 것을 암시하지 않고 텍스트의 일부를 대담하게 렌더링하기를 원한다면 <b>
또는 다시, 다른 요소의 스타일 <span>
또는 <div>
.
일반적인 용도 <i>
그리고 <b>
당신이 당신이 미지의 소스에서 텍스트를 가져갈 때입니다. 특히 '이탈리아'및 '굵은'와 같은 강조 개념이없는 단어 프로세서 또는 유사한 응용 프로그램에서 컨텐츠를 가져 오는 것이 일반적입니다. 이 경우 <i>
그리고 <b>
(또는 스팬 등가)는 그 텍스트 스타일의 의미의 의도가 무엇인지 모르기 때문에 적절합니다. 그 정보는 이미 손실되었습니다.
모든 이탤릭체를 자동으로 변환 한 경우 <em>
많은 도구와 마찬가지로 강조를 나타내는 것이 아닌 이탤릭체를 표시 할 수 있습니다. 예를 들어 다른 작품에 대한 언급은 더 잘 표시됩니다. <cite>
, 라틴어 또는 프랑스어와 같은 다른 언어의 단어/문구는 <span lang>
(그리고 다른 언어에서 단어를 말하는 스타일은 이탤릭체로되어 있어야합니다).
<small>
그리고 <big>
이론적으로 동일한 경우 일 수도 있지만, 대담한/이탈리아가있는 수입 된 텍스트는 일반적이지만 수입 된 크기의 텍스트는 그렇지 않습니다. 결과적으로 아무도이 태그를 사용하지 않으며 일반적으로 일반 CSS 글꼴 크기 스타일로 더 좋습니다.
<br>
그리고 <hr>
위의 태그와 같은 방식으로 제시하지 않습니다. 라인 브레이크는 내용의 중요한 부분 (예 : 주소에서 선을 분리 함)의 중요한 부분 일 수 있으며, 수평 규칙은 단순한 단락보다 텍스트 섹션간에 더 강한 분리를 나타냅니다. 물론 사용하는 경우 <br>
가짜 단락을 만들려면 잘못하고 있습니다 (그리고 1998 년경 David Siegel) <hr>
옳지 않은 멋진 작은 줄을 얻으려면.
(*: 예시적인 예; 실제 스크린 독자들이 실제로 무엇을하는지 알아내는 것은 독자의 운동으로 남겨진다.)
다른 팁
완전성을 위해 여기에 있습니다 요소의 색인 더 이상 사용되지 않은 목록은 ~ 아니다 감가 상승).
일반적으로 말하지만 사람들은 사용합니다.
<strong>
대신에<b>
;<em>
대신에<i>
;<hr>
그리고<br>
대안이 없기 때문에;<small>
CSS 스타일이 대신 사용되는 것은 거의 사용되지 않습니다.
그것을 이해하는 것이 중요합니다 <strong>
그리고 <em>
의미 적 의미가 있지만 <b>
그리고 <i>
두 가지 모두에 유효한 사용 사례가 있습니다.
HRS는 더 많은 HTML을 추가하지 않고 CSS와 스타일에 대한 고통입니다.
Brs는 당신이 패딩과 여백을 가지고 놀 때 실제로 필요하지 않기 때문에 나를 괴롭 힙니다.
나는 나 또는 B가 아닌 EM을 사용하는 경향이있는 경향이 있습니다.이 둘 다 이탤릭체 또는 대담한 것을 암시하는 반면 EM 또는 강한 것은 조금 더 추상적이므로 일부 텍스트에 약간의 뇌파를 주거나 텍스트를 조금 보이게하려면 약간 더 강력하게 그들은 대담하거나 이탤릭체없이 더 의미가 있습니다.
사용의 단점 <br>
라인 브레이크를 나타내는 요소 (따라서 사용하지 않습니다 <p>
단락을 나타내는 요소)는 문서에 대한 CSS 제어 범위를 제한한다는 것입니다. 많은 사람들을 관리하는 것이 훨씬 쉽습니다 <p>
텍스트가 산재 된 것보다 텍스트 요소 <br>
CSS를 통해 하나의 요소로 s.
AM HTML 문서를 구성 할 때마다 사용합니다.
<br>
'소프트'브레이크를 나타냅니다. (위와 같이 : 오히려 마진을 사용하십시오<p>
단락을 보여주는 요소.)<hr>
문서의 두 섹션 (예 : 헤더와 내비게이션) 또는 탐색 및 내용의 분할을 표시합니다. CSS가없는 브라우저가 문서를 보는 경우 명확한 분할이 보입니다. 그런 다음 숨 깁니다<hr>
CSS를 통해 s.
당신의 5 가지 예 중에서, 이것만이 하나만의 의미가 있다고 생각합니다. "# 내가 사용한다면 <small>
대신에 <span style="font-size:9px>
"
Small
반면에 상대적입니다 font-size:9px
절대적입니다. 우리는 항상 상대 단위를 사용해야하므로 브라우저는 자체 절대 스케일을 선택할 수 있습니다. <span style="font-size:small">
(또는 바람직하게는 <span style="font-size:smaller">
)는 동등 할 것입니다.