html5に触り始めたばかりでどんな要素があったか思い出せない。そんな時に手元にチートシートがあると便利です。 ネットに落ちているhtml5チートシートのうち、使いやすい物をいくつかまとめておきます。
HTML 5 Cheat Sheet (PDF) – Smashing Magazine
HTML5 Canvas Cheat Sheet – Nihilogic
遅ればせながら、HTML5の勉強を始めました。divタグだらけの(X)HTMLに比べ、意味のあるタグで構成できるようになり、可読性が上がっています。願わくばHTML5の普及後、クロスブラウザ対策という雑用から解放されますように。
さしあたり、HTML5でページを作るときの最小構成をメモしておきます。The W3C Markup Validation Serviceで問題ないことを確認しています。
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="description" content="HTML5 Tamplate" />
<meta name="keywords" content="HTML,HTML5,template" />
<link rel="stylesheet" href="sample.css" type="text/css" media="all">
<link href="favicon.png" rel="icon" type="image/png">
<link href="favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon">
<title>html 5 sample</title>
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<header>header</header>
<nav>nav</nav>
<section>
<article>
<header>
<h1>Heading 1 of article #1</h1>
</header>
<section>
<p>paragraph 1</p>
</section>
</article>
</section>
<footer>footer</footer>
</body>
</html>
最近のコメント