[html] <b>와 <strong>, <i>와 <em>의 차이점은 무엇입니까?

Html / 글쓴이

사이의 차이가 무엇인가 <b>와 <strong>, <i>및 <em>HTML / XHTML의는? 언제 사용해야합니까?

답변

그것들은 일반적인 웹 브라우저 렌더링 엔진과 동일한 효과를 갖지만 근본적인 차이점 이 있습니다.

저자 가 토론 목록에 글을 쓸 때 :

세 가지 상황을 생각해보십시오.

  • 웹 브라우저
  • 맹인
  • 휴대 전화

“굵게”는 스타일입니다. “굵게” 단어 를 말할 때 사람들은 기본적으로 글자 주위에 더 많은 단어 를 추가해야한다는 것을 알고 있습니다.

불행히도 그것은 맹인에게는 아무 의미가 없습니다. 휴대폰 및 기타 PDA에서는 화면 해상도가 매우 작기 때문에 텍스트가 이미 굵게 표시됩니다. 무언가를 망치지 않으면 굵게 굵게 표시 할 수 없습니다.

<b>스타일입니다 -우리는 “굵게”보이는 모습을 알고 있습니다.

<strong>그러나 어떻게 이해해야하는지에 대한 표시이다 . “Strong”은 브라우저에서 “굵게”를 의미 할 수 있지만 종종 Jaws (맹인용)와 같은 말하기 프로그램의 톤이 낮거나 밑줄로 표시 될 수 있습니다 ( Palm Pilot에서 굵게 표시)

HTML은 스타일에 관한 것이 아닙니다. 수행 어떤 검색을 위해 “팀 버너스 – 리” 와 “시맨틱 웹.” <strong>의미 론적 — 텍스트를 둘러싸 는 텍스트를 표시 하는 방법 (예 : “이 텍스트는 텍스트를 표시해야하는 나머지 텍스트보다 더 강해야 함” )과 같이 텍스트 를 설명 합니다 . 굵게 “ ).

답변

<b>및 <i>명시 적 – 그들은 각각 굵은 이탤릭체 지정합니다.

<strong>과 <em>의미 – 그들은이 포함 된 텍스트가 “강력한”또는 일반적으로 굵은 기울임 꼴, 어떤 방법으로 “강조”인 것을 지정하지만, 실제 스타일은 CSS를 통해 제어 할 수 있습니다. 따라서 이들은 현대 웹 페이지에서 선호됩니다.

답변

<strong>및 <em>문서에 여분의 의미 론적 의미를 추가합니다. 그들은 또한 텍스트에 대담하고 이탤릭 스타일을 부여합니다.

CSS로 스타일을 덮어 쓸 수도 있습니다.

<b>그리고 <i>다른 한편으로 전용 글꼴 스타일을 적용하고 더 이상 사용되지해야합니다. (CSS로 포맷해야하기 때문에 텍스트가 실제로 중요하다면 어쨌든 “강하게”또는 “강조로”만들 것입니다!

이해가 되길 바랍니다.

답변

제안 된 사용법과 함께 정의에 대한 요약은 다음과 같습니다.

<b>…주의가 여분의 중요성을 전달하지 않고 같은 다른 음성 또는 분위기, 전혀 의미와 실용적인 목적으로 그려지되는 텍스트 범위 핵심 단어 문서 초록, 제품 이름 리뷰, 실행 가능한 단어 에서 대화식 텍스트 중심 소프트웨어 또는 기사 lede .

<strong> … 현재는 강조하기보다는 중요성을 나타냅니다.

<i>… 대체 음성 또는 분위기의 텍스트 범위 또는 분류 학적 지정 , 기술적 용어 , 다른 언어 의 관용구 , 생각 과 같은 다른 텍스트 품질을 나타내는 방식으로 정상적인 산문과 상쇄됩니다. 또는 서양 텍스트 의 선박 이름 .

<em> … 강조를 나타냅니다.

(이것들은 W3C 소스에서 직접 인용 한 것입니다. 내 강조가 추가되었습니다. https://rawgithub.com/whatwg/html-differences/master/Overview.html#changed-elements 및 http://www.w3.org 참조 원본의 경우 /TR/html401/struct/text.html#h-9.2.1 )

답변

<b>그리고 <i>반면에 모두 스타일 관련 <em>과 <strong>의미합니다. HTML 4에서 첫 번째는 글꼴 스타일 요소 로 분류되고 후자는 구 요소 로 분류됩니다 .

브라우저가 종종 이탤릭체로 렌더링하기 때문에 올바르게 표시 <i>하고 <em>종종 유사한 것으로 간주됩니다. 그러나 사양에 <em> 따르면 강조 표시 및 강조 <strong> 표시가 더 명확하지만 종종 잘못 해석됩니다. 반면에 언제 사용 <i>하는지 또는 <b>실제로 스타일의 문제 인지 의 차이는 다릅니다 .

답변

동안 <strong>과 <em>물론 더 의미 론적으로 올바른으로하며, 사용에 확실한 정당한 이유가 보인다 <b>및 <i>고객이 작성한 내용 태그.

그러한 내용에서, 단어 또는 문구는 굵게 또는 이탤릭체로 표시 될 수 있으며, 그러한 굵게 또는 이탤릭체로의 의미 론적 추론을 분석하는 것은 일반적으로 우리에게 달려 있지 않다.

또한, 그러한 내용은 특정 의미를 전달하기 위해 굵은 체 및 이탤릭체로 된 단어 및 문구를 지칭 할 수있다.

예를 들어 영어 시험 문제는 학생에게 굵은 체 단어를 바꾸도록 지시합니다.

답변

<em>그리고 <strong>보다 더 많은 대역폭을 소비 <i>하고<b> .

또한 더 많은 타이핑이 필요합니다 (자동 생성되지 않은 경우).

또한 더 많은 텍스트로 편집기 화면을 어지럽 힙니다. 더 작은 소스 파일과 같은 프로그래머라면 같은 것을 기억합니다. (그리고 현실화하자, 그들은 동일합니다. 예, “기술적”(<i> 기침 </ i>, 아헴, 실례합니다) 차이가 있지만, 그것은 대부분 처음부터 가짜입니다.)

위의 태그 중 하나를 사용하면 스타일 시트를 사용하여 기본 렌더링과 다르게 표시해야하는 경우 원하는대로 표시되는 방식을 사용자 정의 할 수 있습니다.