html HTML5 Boilerplate / Template

Posted 2021-05-11

tags:

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

document.onload = function() {
  console.log('The document is now ready!');
};

body {
  margin: 0px;
  padding: 0px;
  font-family: Verdana, Geneva, sans-serif;
}

#container {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

#content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 500px;
  margin-top: -250px;
  margin-left: -300px;
}

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>HTML5</title>
  
  <!-- Stylesheets -->
  <link rel="stylesheet" type="text/css" href="css/main.css" />
  
  <!-- Favicon -->
  <!--[if IE]><link rel="shortcut icon" href="favicon_x32.ico"><![endif]-->
  <link rel="icon" href="favicon_x196.png">
  <link rel="apple-touch-icon-precomposed" href="apple_x196.png">
  <!-- <link rel="apple-touch-icon" href="apple_x180.png"> -->
</head>
<body>
  <div id="container">
    <div id="content">
      Hello World!
    </div>
  </div>
  
  <!-- JavaScript -->
  <script type="text/javascript" src="js/main.js"></script>
</body>
</html>

以上是关于html HTML5 Boilerplate / Template的主要内容，如果未能解决你的问题，请参考以下文章

html HTML5 Boilerplate

html HTML5 Boilerplate / Template

html HTML5 Boilerplate

html #html5 #boilerplate

html HTML5 Boilerplate条件评论