html html5样板 - 死简单

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html html5样板 - 死简单相关的知识，希望对你有一定的参考价值。

<!doctype html>

<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Computer</title>
  <meta name="description" content="something">
  <meta name="author" content="me">
  <style>
    /*css taken from http://jgthms.com/web-design-in-4-minutes/*/
body {
  margin: 0 auto;
  max-width: 50em;
}
body {
  font-family: "Georgia", serif;
}

body {
  line-height: 1.5;
  padding: 4em 1em;
}

h2 {
  margin-top: 1em;
  padding-top: 1em;
}

body {
  color: #555;
}

h1,
h2,
strong {
  color: #333;
}

code,
pre {
  background: #eee;
}

code {
  padding: 2px 4px;
  vertical-align: text-bottom;
}

pre {
  padding: 1em;
}

a {
  color: #e81c4f;
}

body {
  color: #566b78;
}

code,
pre {
  background: #f5f7f9;
  /*border-bottom: 1px solid #d8dee9;*/
  color: #a7adba;
}

pre {
  border-left: 2px solid #69c;
}
.centerit{
    display: flex;
  align-items: center;
  justify-content: center;
}
h1{
  text-align: center;;
}
  </style>

  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>
<body>
<div class="centerit">
  <h1>Hello Computer</h1>

</div>
</body>
</html>

以上是关于html html5样板 - 死简单的主要内容，如果未能解决你的问题，请参考以下文章

HTML5 移动样板 Coffeescript 调用 [关闭]

html 适用于HTML5的真正的裸机样板。

HTML5 样板文件 .htaccess 与 httpd.conf

html 5 样板或 initializr 上的 IE 条件不适用于 Modernizr？

折磨人小游戏之《一个都不能死》html5网页小游戏源代码

使用 CreateJS 和 Canvas Boilerplate 创建 HTML5 游戏