Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
JavaScript を使わずに、HTML5 の新要素でマークアップする
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>IE8 以下でも HTML5 を!(失敗)</title>
<meta name="description" content="JavaScript を使わずに、HTML5 の新要素でマークアップする(と失敗する)">
<style type="text/css">
header {border: pink solid 3px}
article {border: red solid 3px}
section {border: blue solid 1px}
aside {border: yellow solid 3px}
footer {border: magenta solid 3px}
time {color: green}
</style>
</head>
<body>
<header>
<h1>header</h1>
</header>
<article>
<h1>article</h1>
<section>
<h2>section</h2>
</section>
</article>
<aside>
<h1>aside</h1>
</aside>
<footer>
<h1>footer</h1>
<p>time: <time pubdate datetime="2011-05-15">today</time>.</p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.