html/css 독학하기

strong

토픽 html/css 독학하기 > html사전

설명

The HTML Strong Element (<strong>) gives text strong emphasis, typically this is displayed in bold.
HTML의 Strong 요소(<strong>)는 텍스트 강조를 제공한다. 일반적으로 텍스트를 굵게 표시한다.

Usage Context

Permitted content Phrasing content
Tag omission None, must have both a start tag and an end tag.
Permitted parent elements Any element that accepts phrasing content, or any element that accepts flow content.
Normative document HTML5, section 4.6.3; HTML 4.01, section 9.2.1

속성

이 엘리먼트는 전역속성을 지원한다.

예제

<p>When doing x it is <strong>imperative</strong> to do y before proceeding.</p>

Bold vs. Strong
 It is often confusing to new developers why there are so many ways to express the same thing on a rendered website. Bold and Strong are perhaps one of the most common. Why use <strong></strong> vs <b></b> you have to type a whole lot more with strong and it produces the exact same result right?
 
Perhaps not, strong is a logical state, and bold is a physical state. Logical states separate presentation from the content, and by doing so allows for it to be expressed in many different ways, perhaps instead of rendering some text as bold you want to render it red, or a different size, or underlined, or whatever. It makes more sense to change the presentational properties of strong than it does bold. This is because bold is a physical state, there is no separation of presentation and content, and making bold do anything other than bold text would be confusing and illogical.

Bold vs. Strong
신입 개발자들은 웹사이트에 같은 것을 표현하는 데 많은 방법이 있다는 것에 종종 혼란을 겪는다.
Bold와 Strong이 가장 대표적인 경우다. 왜 <strong></strong>과 <b></b> 중에 strong을 훨씬 더 많이 써야하며, 결국 무엇이든 똑같은 결과를 내놓는것 아닌가?

하지만 둘 사이엔 미묘한 차이가 있다. strong은 논리적 상태고, bold는 물리적 상태다. 논리적 상태는 컨텐츠(내용)와 표현(시각적 출력)을 분리하기 때문에 텍스트를 굵게 표현할 뿐만 아니라 빨간 색이나, 다른 크기, 밑줄, 또는 무엇이든지 간에 많은 다른 표현이 가능하다. 따라서 표현적 속성(컨텐츠와 분리된)은 bold보다 strong이 더 적합하다. 반면에 bold는 "HTML이 표현(시각적 요소) 속성까지 담당하전 시절에 사용된" 물리적 상태로 컨텐츠와 표현의 분리가 없고, 굵게 표현하는것 이외에 다른 표현들을 bold로 처리하는 것은 비논리적이며 혼란을 초래할 것이다.

DOM Interface

This element implements the HTMLElement interface.

Implementation note :
up to Gecko 1.9.2 inclusive, Firefox implements the HTMLSpanElement interface for this element.

호환성

Desktop
기능 구글크롬 파이어폭스Gecko) 인터넷 익스플로러 Opera Safari
기본적인 지원          
Mobile
기능 안드로이드 파이어폭스 모바일(Gecko) 인터넷 익스플로러 모바일 오페라 모바일 사파리 모바일
기본적인 지원          

참고

댓글

댓글 본문