简单的 HTML5 页面模板

Roz*_*zzA 5 html

我是一个懒惰的程序员,这就是为什么我经常光顾这个网站。
有时,由于缺乏更好的搜索,我无法在这里找到我想要的东西。

今天我提出这个问题:
什么是一个好的HTML5“简单的空白网页”模板来开始我的项目?

目前,我正在考虑使用我在sitepoint发现的这个小美:

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>The HTML5 Herald</title>
  <meta name="description" content="The HTML5 Herald">
  <meta name="author" content="SitePoint">

  <link rel="stylesheet" href="css/styles.css?v=1.0">

  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>

<body>
  <script src="js/scripts.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

现在,我承认只搜索了大约30分钟,这是一个很长的时间才能达到空白页面!

当我为这个问题添加标签时,我也开始意识到html5 样板- 非常深入、方便,对于快速“简单的骨头,让我走吧先生”模板来抓取和运行来说有点太多了,哎呀,你有下载东西。
HTML5 Reset似乎要精简得多,并且是一个很好的起点,可以削减......但......

Tim*_*mur 2

“无类”CSS 框架或其他轻量级 CSS 框架是基本 HTML5 样板的一个很好的灵感来源。例如,您可以查看Pico.cssSimple.cssBulma文档。这是我对 2023 年的看法:

<!doctype html>

<html lang="en">

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Base-bones HTML5</title>
    <!-- You may want to add other icon formats and sizes, but have this at the least: -->
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="your.css">
  </head>

  <body>
    <main>
      Base-bones HTML5
    </main>
    <script src="your.js"></script>
    <noscript>
      <!-- Optional, place it wherever it makes sense -->
      JavaScript is not enabled.
    </noscript>
  </body>

</html>
Run Code Online (Sandbox Code Playgroud)

也可以看看: