我是一个懒惰的程序员,这就是为什么我经常光顾这个网站。
有时,由于缺乏更好的搜索,我无法在这里找到我想要的东西。
今天我提出这个问题:
什么是一个好的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似乎要精简得多,并且是一个很好的起点,可以削减......但......
“无类”CSS 框架或其他轻量级 CSS 框架是基本 HTML5 样板的一个很好的灵感来源。例如,您可以查看Pico.css、Simple.css或Bulma文档。这是我对 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)
也可以看看:
| 归档时间: |
|
| 查看次数: |
3691 次 |
| 最近记录: |