vs. font-weight : bold &

vs. font-weight : bold & vs. font-style : italic

---

CSS 속성을 사용하는 <strong>것과 <em>대신 사용하는 것 사이에 실제 차이가 있습니까?

font-weight: bold;
font-style: italic;

또한 두 가지 옵션이 모두 존재하는 이유는 무엇입니까? 내가 잘못 할 수 있지만 한 수 <strong>와 <em>아주 잠시 후 현장에 와서 font-weight및 font-style표준 CSS 속성이되었다? 그렇다면 그들에게는 어떤 이유가있을 것입니다.

---

HTML은 의미를 나타냅니다. CSS는 외모를 나타냅니다. 문서에서 텍스트를 마크 업하는 방법은 해당 텍스트가 화면에 표시되는 방식이 아니라 단순히 의미하는 바에 따라 결정됩니다. 다른 예로, 제목과 같은 다른 HTML 요소는 font-weight: bold기본적으로 스타일이 지정 되지만 <h1>– <h6>, not <strong>or를 사용하여 마크 업됩니다 <b>.

HTML5에서는 다음 <strong>과 같이 문장의 중요한 부분을 나타내는 데 사용 합니다.

<p><strong>Do not touch.</strong> Contains <strong>hazardous</strong> materials.

그리고 다음 <em>과 같이 언어 적 스트레스를 나타내는 데 사용 합니다.

<p>A Gentleman: I suppose he does. But there's no point in asking.
<p>A Lady: Why not?
<p>A Gentleman: Because he doesn't row.
<p>A Lady: He doesn't <em>row</em>?
<p>A Gentleman: No. He <em>doesn't</em> row.
<p>A Lady: Ah. I see what you mean.

이러한 요소는 기본적으로 굵게 및 기울임 꼴로 표시되는 의미 요소 이지만 원하는대로 스타일을 지정할 수 있습니다. 예를 들어 <em>위 의 샘플 에서 강조 표시를 기울임 꼴 대신 대문자로 표시 할 수 있지만 <em>요소 의 기능적 목적은 동일하게 유지됩니다. 특정 단어 나 구를 다른 것보다 강조하여 문장의 컨텍스트를 변경하는 것입니다.

em {
    font-style: normal;
    text-transform: uppercase;
}

(아래) 원래 답이있는, HTML5 이전 HTML 표준을 적용하는 것이 주 <strong>와 <em>다소 다른 의미를 가지고 있었다, <b>그리고 <i>순수하게 표현 적이었고, 어떠한 의미 론적 의미가 없었다. 마찬가지로 <strong>와 <em>각각 그들은 유사한 표현 적 기본값을 가지고 있지만 스타일을 다르게 할 수있다.

---

및를 사용 <strong>하여 <em>각각 강렬한 강조와 보통 강조를 나타냅니다.

또는 그것을 이런 식으로 생각 : font-weight: bold더 가까운에 <b>이상을 <strong>, 그리고 font-style: italic가까이입니다 <i>보다 <em>. 이러한 시각적 스타일은 순전히 시각 : 스크린 리더와 같은 도구가 무엇인지 이해하지 않을 수 있습니다 굵게 및 기울임 꼴 평균을하지만, 일부 화면 판독기가 읽을 수 <strong>및 <em>더 강조 톤에 텍스트입니다.

---

<em>요소 - W3C에서 (HTML5 참조)

예! 분명한 차이가 있습니다.

<em>요소는 내용의 스트레스 강조를 나타냅니다 . 특정 콘텐츠의 강조 수준은 상위 <em>요소 의 수에 따라 결정 됩니다.

<strong>  =  important content
<em>      =  stress emphasis of its contents

강조 위치는 문장의 의미를 변경합니다. 따라서 요소는 콘텐츠의 필수 부분을 형성합니다. 이러한 방식으로 강조가 사용되는 정확한 방법은 언어에 따라 다릅니다.

노트!

1. <em>요소는 또한 밤은 중요성을 전달하려고 의도; 그 목적을 위해 <strong>요소가 더 적합합니다.

2. <em>요소는 일반적인 "기울임 꼴"요소가 아닙니다. 때로는 텍스트가 다른 분위기 나 목소리 에있는 것처럼 단락의 나머지 부분에서 눈에 띄도록 의도 된 경우가 있습니다 . 이를 위해 i요소가 더 적합합니다.

참조 (예제) : W3C 참조 참조

---

문제는 의미 론적 의미 (BoltClock이 언급했듯이) 및 시각적 렌더링 문제입니다.

원래 HTML이 사용 <b>되었으며 <i>이러한 목적을 위해 문서 마크 업의 의미 론적 환경에 배치 된 전적으로 스타일 명령입니다. CSS는 매체의 문체 요소를 최대한 분리하려는 시도입니다. 따라서 굵게 및 기울임 꼴과 같은 스타일 정보는 CSS에 있어야합니다.

<strong>그리고 <em>텍스트가 더 중요한 것으로 표시하거나 강조하는 의미 필요를 채우기 위해 도입되었다. 굵게 및 기울임 꼴 과 유사한 기본 스타일 해석이 있지만 그 운명에 묶여 있지는 않습니다.

---

<strong>과 <em>의미 론적 마크 업 요소는 예입니다 : 기계 (검색 엔진 봇, 화면 판독기)을 이해할 수 있습니다 • 그래도 strong요소가 다른 요소보다 더 중요하다.

CSS 스타일은 일반적으로 굵은 체 또는 기울임 꼴 텍스트로 사람을 위해 시각화 하는 방법 입니다.

위키 백과 에서 프레젠테이션과 콘텐츠 분리

---

<strong>와 <em>- 달리 <b>와 <i>-는 시각 장애인을위한 웹 브라우저에 대한 명확한 목적을 가지고있다.

시각 장애인은 웹을 시각적으로 탐색하지 않고 텍스트 리더와 같은 소리로 탐색합니다. <strong>그리고 <em>, 굵게 또는 기울임 꼴로 뭔가를 격려뿐만 아니라, 또한 음량 전달 또는 각각 음절을 강조 (MY OH! & Ooooooh Myyyyyyy!). 오디오 전용 브라우저는 예측할 수 없으며 <b>, <i>소리를 내거나 스트레스를 주거나 그렇지 않을 수 있습니다 . <strong>및 을 사용하지 않으면 확신 할 수 없습니다 <em>.

ReferenceURL : https://stackoverflow.com/questions/4939807/strong-vs-font-weightbold-em-vs-font-styleitalic