반응형

[HTML&CSS] 루비 주석과 시간 표현 // <ruby>, <rt>, <time>

반응형


| <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>


|


家和萬事成(가화만사성)

친구 생일이라서 일찍 들어가 봐야 합니다.

논문 발표일은 입니다.

반응형

이 글을 공유하기

댓글

Designed by JB FACTORY