W3C 유효한 프레젠테이션 요소를 사용하기위한 실질적인 단점은 무엇입니까?

StackOverflow https://stackoverflow.com/questions/2235672

문제

W3C 유효한 프레젠테이션 요소를 사용하기위한 실질적인 단점은 무엇입니까?

  • XHTML-CSS 개발자의 경우
  • 사이트의 최종 사용자,
  • 그리고 스크린 리더 사용자의 경우?

처럼 <b> , <i>, <br>, <hr>, <small> 이 태그를 프리젠 테이션 목적으로 사용하는 경우. (노트: 이들은 또한 HTML 5에서 지원됩니다)

예를 들어:

  1. 내가 사용하는 경우 <b> 대신에 <span style="font-weight: bold">
  2. 내가 사용하는 경우 <i> 대신에 <span style="font-style: italic">
  3. 내가 사용하는 경우 <br> 공간을 만들지 않기 위해 단락에서 라인을 깨뜨리려면
  4. 내가 사용하는 경우 <hr> 대신에 <div style="border-bottom: 1px solid #666">
  5. 내가 사용하는 경우 <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">)는 동등 할 것입니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top