CSS Programming HTML5 Template Generator

このページはCSS Programming Advent Calendar 2012 ３日目のエントリで作ったものです。

使用したい要素を選択して、ページ下部に表示されたソースをコピーしてお使いください。

動作確認は Google Chrome 23、Firefox 17、Safari 6.0.2、Opera 12.11、IE 9/10。画面サイズは横960px以上を推奨します。

要素選択

html lang

Namespace

Open Graph

Charset

Viewport

Windows Store App

Windows 8 Tile Image

Ogp for facebook

robots

Author

Generator

Description

Keywords

Canonical

DNS Prefetch

fav icons

feed

Stylesheet

Inline Stylesheet

JavaScript

Inline JavaScript

空要素の終了タグのスラッシュ

インデントの書式

出力結果

<!DOCTYPE html>
<html lang="ja-JP" lang="en-US-UK" xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml">
<head prefix="og:http://ogp.me/ns# [YOUR_APP_NAMESPACE]:http://ogp.me/ns/apps/[YOUR_APP_NAMESPACE]#">
      	<meta charset="UTF-8Shift_JISEUC-JP" />
      	<title></title>
      	<meta name="viewport" content=",width=320,width=device-width,height=480,height=device-height,initial-scale=1,user-scalable=no,minimum-scale=1,maximum-scale=1" />
      	<meta name="msApplication-ID" content="" />
      	<meta name="msApplication-PackageFamilyName" content="" />
      	<meta name="msapplication-TileImage" content="images/favicon114.png" />
      	<meta name="msapplication-TileColor" content="#000000" />
      	<meta property="fb:admins" content="" />
      	<meta property="fb:app_id" content="" />
      	<meta property="og:locale" content="" />
      	<meta property="og:site_name" content="" />
      	<meta property="og:type" content="" />
      	<meta property="og:title" content="" />
      	<meta property="og:image" content="" />
      	<meta property="og:description" content="" />
      	<meta property="og:url" content="" />
      	<meta name="robots" content="indexnoindex,follow,nofollow" />
      	<meta name="author" content="" />
      	<meta name="copyright" content="" />
      	<meta name="generator" content="WordPress 3.4.xMovableType 5.xCSS Programming HTML5 Template Generator" />
      	<meta name="description" content="" />
      	<meta name="keywords" content="" />
      	<link rel="canonical" href="" />
      	<link rel="dns-prefetch" href="" />
      	<link rel="shortcut icon" href="/favicon.ico">
      	<link rel="apple-touch-icon-precomposed" sizes="57x57" href="images/favicon57.png" />
      	<link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/favicon72.png" />
      	<link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/favicon114.png" />
      	<link rel="alternate" type="application/atom+xml" href="/feed/atom.xml" title="" />
      	<link rel="alternate" type="application/rss+xml" href="/feed/index.rdf" title="" />
      	<link rel="alternate" type="application/rss+xml" href="/feed/index.xml" title="" />
      	<link rel="stylesheet" type="text/css" href="" media="all,screen,print" />
      	<link rel="stylesheet" type="text/css" href="" media="all,screen,print" />
      	<link rel="stylesheet" type="text/css" href="" media="all,screen,print" />
      	<style type="text/css">
      	</style>
      	<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.8.2/js/jquery.min.js"></script>
      	<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.9.1/js/jquery_ui.min.js"></script>
      	<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/prototype/1.7.1.0/js/prototype.js"></script>
      	<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/modernizr/2.5.3/js/modernizr.min.js"></script>
      	<script type="text/javascript" src="/js/script.js"></script>
      	<script type="text/javascript">
      	</script>

</head>
<body>

</body>
</html>

※リロードするとリセットされますので注意してください