data: 중요한 글자 강조하기 - em, strong

중요한 글자 강조하기 - em, strong

Full Screen

중요한 글자 강조하기 - em, strong





em, strong




  • <em> 태그는 기울임꼴로 강조할 텍스트에 사용합니다.

  • <strong> 태그는 굵게 강조할 텍스트에 사용합니다.



 



em 태그와 i 태그의 차이점




문장에서 흐름상 특정 부분을 강조하고 싶을 때는
<em> 태그를 사용하고, 마음 속의 생각이나 꿈, 기술적인 용어,
다른 언어의 관용구 등에는 <i> 태그를 사용합니다.



 



strong 태그와 b 태그의 차이점




경고나 주의사항처럼 중요한 내용으로 강조해야 할 때는
<strong> 태그를 사용하고, 문서의 키워드처럼 단순히 내용만
굵게 표시할 때는 <b> 태그를 사용합니다.



 



예제



다음은 중요한 글자를 강조하는 예제입니다.




<p>Lorem <em>Ipsum</em> <strong>Dolor</strong>.</p>
<p>Lorem <i>Ipsum</i> <b>Dolor</b>.</p>



class="codepen"
data-default-tab="result"
data-editable="true"
data-preview="true"
data-height="360"
data-pen-title="HTML 강조하는 텍스트, 중요한 텍스트 tag em,strong 예제"
data-slug-hash="VwaqwmW"
data-theme-id="light"
data-user="LiveBlogger"
style="align-items: center; border: 2px solid; box-sizing: border-box; display: flex; height: 360px; justify-content: center; margin: 1em 0px; padding: 1em;"
>
로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.





Please write your comments