<time>
태그의 정의 및 사용법
<time>
태그는
특정 시간 또는 날짜를 나타내는 데 사용됩니다.
다음 모임은 에 있을 예정입니다.
<time>
태그를 사용할 경우 브라우저에서 표시될 때 특별히 시각적으로 변화를 주지 않습니다.
<time>
태그의 datetime
속성 사용법
<time>
태그의 datetime
속성은
날짜와 시간 데이터를 기계가 읽을 수 있는 형태로 명시합니다.
<time>
태그의 datetime
속성이 반드시 있어야 하는 것은 아닙니다. 선택적으로 사용하면 됩니다.
하지만, 웹 접근성을 위해서 datetime
속성을 사용하는 것을 권장합니다.
<time>
태그에 datetime
속성을 사용하면 브라우저나 검색 엔진은 날짜와 시간 데이터를 이해하고, 더 유용한 기능을 제공할 수 있습니다. 예를 들어, 시각장애인을 위한 스크린 리더와 같은 웹 접근성 향상을 위한 보조 기술에 활용될 수 있으며, 검색 엔진은 이 날짜와 시간에 대한 문서를 더 잘 이해할 수 있습니다.
datetime
속성의 유효한 값
datetime
속성의 값은 기계가 읽을 수 있는 유효한 날짜와 시간 값입니다.
다음의 두 가지 예시는 모두 유효한 datetime
속성의 값입니다.
유효한 값 예시 1
다음 모임은 에 있을 예정입니다.
유효한 값 예시 2
콘서트는 에 열렸습니다.
위 두 가지 예시 이외에도 유효한 datetime 속성의 값 형식이 있이니 적절한 형식을 사용하세요!
브라우저 호환성
태그와 속성 |
데스크탑 Chrome
|
데스크탑데스크탑 Edge
|
데스크탑 Firefox
|
Safari
|
---|---|---|---|---|
<time>
|
62 | 18 | 22 | 7 |
datetime
|
62 | 18 | 22 | 7 |
명세서
명세서 사양 | |
---|---|
<time>
|
HTML Standard #the-time-element |