더북(TheBook)

3.5.2 em 태그

em(emphasis) 태그 역시 텍스트의 의미를 강조하고 싶을 때 사용합니다. em 태그를 사용하면 텍스트가 기울어져 보이면서 강조 효과를 낼 수 있습니다.

형식

<em>강조하고 싶은 텍스트</em>

다음은 em 태그를 사용한 예제 코드입니다.

03/05/em.html

<p>여기서부터는 위험하니까 <em>절대로</em> 지나가지 마세요.</p>

그림 3-17 실행결과

em 태그도 중첩해서 사용할 수 있고, 중첩할수록 더욱더 강조하게 됩니다. 만약 다음처럼 태그를 중첩하면 중첩된 태그는 실행결과에서 강조 효과는 동일하지만 구조적으로 더욱더 강조하는 의미가 됩니다.

<p>여기서부터는 위험하니까 <em>절대로, <em>그 어떤 경우에도</em></em> 지나가지 마세요.</p>

수코딩의 조언

불과 1~2년 전만 해도 텍스트를 강조할 때 b 태그나 i 태그도 많이 사용했습니다. 웹 브라우저에 표시되는 시각적인 스타일은 b 태그와 strong 태그, i 태그와 em 태그 사이에 차이가 없을 정도로 유사합니다. 그러나 HTML이 발전하면서 b 태그와 i 태그는 점점 사용하지 않고 있으므로 두 태그 대신 strong 태그와 em 태그를 사용하는 것이 좋습니다.

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.