em, strong, mark 태그 비교

em, strong, mark 태그

• 텍스트를 강조하는 의미에서 쓰이지만, 각기 용도가 다르다.

---

em (emphasized text)

• 강세를 둔 강조, 이탤릭체로 표시한다.
• 강조의 위치는 문장의 의미를 바꾼다.

// 고양이에 강조
<p><em>고양이는</em>귀여운 동물이다.</p>

// 귀여운에 강조
<p>고양이는<em>귀여운</em> 동물이다.</p>

 

 

크로스 브라우징

IE6+, Firefox 2+, Chrome 1+ etc

 

 

strong

• 강조된 중요성. 제목, 문단등에 사용하여 다른 것과 구분 짓는 용도이며 굵은 글씨체로 표시한다.
• html4에서 strong은 좀 더 강한(emphasis)로 인식되었다.
• 하지만 html5에서 strong태그는 "contents에서 가장 중요한 부분"을 나타낸다. ("Warning! This is very dangerous.")
• 문자의 일부분에 중요도를 추가하고 싶을 때 사용된다.
• 문장의 의미를 바꾸지 않는다.

strong과 em은 강조하기 위해 함께 사용될 수 있다.

 

크로스 브라우징

IE6+, Firefox 2+, Chrome 1+ etc

 

 

mark

• 검색 결과에서 찾은 키워드를 두드러지게 표시하여 사용자가 원하는 것을 쉽게 찾을 수 있도록 한다.
• 참조 목적으로 강조된 문서의 텍스트, 인용문 일부에 주의를 끌기 위해서 사용될 수 있다.

<blockquote>

    <mark>mark</mark>요소는 인용문의 특정 부분에 주의를 끌기 위해 사용될 수 있다.

</blockquote>