구문을 강조하거나 하이라이팅 지정하기
em 태그
텍스트를 이태릭체로 표현
1 | <p>우리집 화단에서 <em>가장 이쁜 꽃은 장미</em></p> | cs |
우리집 화단에서 가장 이쁜 꽃은 장미
strong 태그
텍스트를 굵은 글씨로 표현
1 | <p>저기 있는 웅덩이는 <strong>깊어서 위험하므로 들어가지 마세요.</strong></p> | cs |
저기 있는 웅덩이는 깊어서 위험하므로 들어가지 마세요.
mark 태그
텍스트를 형광색 배경으로 표현.
1 | <p><mark>Lorem ipsum</mark> dolor sit amet.</p> | cs |
Lorem ipsum dolor sit amet.
단어의 정의와 약어, 작품의 제목 표현
dfn 태그
화면에 보이는 단어의 의미를 타이틀 속성을 통해 툴팁으로 제공
1 | <p><dfn title="웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류이다. 하이퍼텍스트를 작성하기 위해 개발되었다.">HTML</dfn></p> | cs |
HTML
abbr 태그
단어가 어떤 단어를 축약했는지 툴팁을 제공하기 위해 사용
1 | <p>월드 와이드 웹 컨소시엄(<abbr title="World Wide Web Consortium">W3C</abbr>)</p> | cs |
월드 와이드 웹 컨소시엄(W3C)
cite 태그
작품의 제목을 나타낼 때 사용. 책 제목, 영화 제목, 노래 제목 등등
1 | <p><cite>Faded</cite> - Alan Walker</p> | cs |
Faded - Alan Walker
small 태그
텍스트를 한 단계 작게 표현. 사이드 코멘트나 부가 설명등을 나타내기 위해 사용.
1 | <p>값 : 50,000원 (<small>VAT 별도</small>)</p> | cs |
값 : 50,000원 (VAT 별도)
루비 주석과 시간의 표현
ruby 태그, rt 태그
ruby 태그 안에 rt 태그를 사용하면 글자가 위쪽으로 표현됨
1 | <p><ruby>家和萬事成 <rt>가화만사성</rt> </ruby></p> | cs |
家和萬事成
time 태그
시간을 나타내기 위해 사용.
1 | <p><time datetime="2018-10-13">오늘</time>은 나의 생일!!</p> | cs |
은 나의 생일!!