[HTML&CSS] 루비 주석과 시간 표현 // <ruby>, <rt>, <time>
- Language & Solution/HTML&CSS
- 2018. 12. 10. 22:18
반응형
| <ruby>, <rt>
텍스트에서 이 텍스트가 어떤 식으로 발음되는 지 혹은 어떤 의미인지 나타날 때 쓰는 태그다. <ruby> 태그는 <rt>와 같이 쓰인다. <ruby> 태그 안에 <rt>를 지정하여 해당 텍스트의 부가적인 정보를 텍스트 위에 나타내게 된다.
<ruby>家和萬事成 <rt>(가화만사성)</rt></ruby>
| <time>
시간을 나타낼 때 쓰는 태그
<time datetime="2017-09-11"> : 현재 텍스트가 어떤 시간을 나타내는 지 속성으로 나타낼 수 있다.
<time datetime="2017-09-11">
| HTML 코드
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<h1> <ruby>家和萬事成 <rt>(가화만사성)</rt></ruby></h1>
<h1>
<ruby>
家<rt>가</rt>
和<rt>화</rt>
萬<rt>만</rt>
事<rt>사</rt>
成<rt>성</rt>
</ruby>
</h1>
<p><time datetime="2017-09-11">오늘</time>친구 생일이라서 일찍 들어가 봐야 합니다.</p>
<p>논문 발표일은 <time datetime="2017-09-11">2017월 9월11일</time>입니다.</p>
<!-- 2017-09-11T09:20 -->
</body>
</html>
| 결과
家和萬事成
家和萬事成
친구 생일이라서 일찍 들어가 봐야 합니다.
논문 발표일은 입니다.
반응형
'Language & Solution > HTML&CSS' 카테고리의 다른 글
이 글을 공유하기