HTML 태그 time
■ 웹 문서를 만들 때 내가 작성한 HTML 문서의 내용을 정확하게 브라우저에게 전달해주면 해당 내용을 정확하게 인식하고, 검색할 때도 도움을 주는데요. 그런 역할을 하는 태그 중에서 time태그에 대해서 알아보도록 하겠습니다. 이 태그는 날짜와 시간을 표시할 때 사용하는데요. 웹 문서에 자동으로 현재의 날짜와 시간이 나타나게 하는 기능은 아니에요. 단순하게 브라우저에게 이 부분은 시간을 표시하는 부분이라고 알려주는 역할만을 합니다.
■ 그리고 이 태그를 사용한다고 해도 브라우저에는 다른 텍스트와 똑같이 표시됩니다. 하지만, 브라우저에게 "여기는 시간을 나타내는 곳이다"라고 정확하게 알려주는 역할을 합니다. 예를 들어 다음과 같이 입력해주면, 일반 텍스트가 아닌 날짜 정보가 되는 것입니다.
<p><time>2015.1.1</time></p>
날짜만 표시할건지, 시간도 표시할건지 정확하게 표시하고 싶으면 다음과 같은 형식으로 입력해주면 됩니다.
<time datetime="YYYY-MM-DDThh:mm:ssZ"></time>
■ 대충 봐도 아시겠죠? 'YYYY'는 연도(2015), 'MM'은 월(01~12), 'DD'는 일(01~31)을 표시하구요. 다음에 나오는 대문자 T는 날짜와 시간을 함께 표할 때 둘을 구분해주는 역할을 하고요. 다음은 시간, 분, 초를 나타내며, 마지막 Z는 '그리니치' 시간대를 의미하는 약자입니다.
앞에서 알아본 형식은 날짜와 시간을 모두 표시했는데요. 혹시 저 같은 초보님들을 위해서 날짜만 표시하는 형식과 시간만 표시하는 형식을 살펴보고 마무리할게요.
<time datetime="YYYY-MM-DD"></time> ◀날짜만 표시
<time datetime="hh:mm:ss"></time> ◀시간만 표시
■ 상황에 맞게 이용하시면 됩니다. 다시 한번 말씀드리지만 이 태그를 입력한다고 해서 자동으로 시간을 출력해주는 역할을 하는 건 아니고, 브라우저에게 이곳은 날짜와 시간을 표시하는 곳이라고 알려주는 역할만을 합니다. 참고하시구요.^^ 수고하셨습니다.
