html5 time要素のdatetime属性とpubdate属性

html5 time要素のdatetime属性とpubdate属性

html5 time要素のdatetime属性とpubdate属性

timeタグの中にあるdatetime属性とpubdate属性です。

残念ながらpubdate属性はhtml5の仕様からはずれましたので解説しません。

timeタグは記事の作成日や更新日を表すタグです。

datetime属性はコンピュータにわかりやすいように記述します。

<time datetime="2017-08-21">2017-08-21</time>

サンプル

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>a</title>
	</head>
	<body><header>
<h1>こんにちわ</h1>
<nav>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>
</nav>
</header>
		
	
	<article>
	<time datetime="2017-08-21">2017-08-21</time>
<h2>ブログタイトル</h2>

	<p>ブログの内容</p>
	<figure>
	<figcaption>
	<img src="imeges/sky.jpg">
	</figcaption>
	</figure>
	
	</article>
	
	<aside>
	<p><a href="#">広告</a></p>
	</aside>
	
	<footer>
	
	<address>&copy;html5</address>
	</footer>
	</body>
</html>

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です