xy.css

HTML5

Smarter markup.

Keep your markup squeaky-clean. Use the power of CSS3 and HTML5 to create markup that’s lightweight, flexible, and semantic.

Here are some examples of some common layouts structured with HTML5:

<!DOCTYPE html>
<html>
	<head></head>
	<body></body>
</html>

3-column grid layout

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Write concise, semantic HTML5</title>
		<link rel="stylesheet" media="all" href="css/xy.css">
	</head>
	<body>
		<header></header>
		<article></article>
		<footer></footer>
	</body>
</html>