一个基本的HTML5模板「建议收藏」

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Title of the document</title>
<link rel="stylesheet" type="text/css" href="main.css" />
 <script type="text/javascript" src="myscript.js" ></script>
</head>
<body>
这里是内容
</body>
</html>

【说明】
第一行<!DOCTYPE html>用来声明这是个html5文档
html文档 以<html>开始，以</html>结束
<head></head>是头部信息，这部分是在页面上是不显示的，主要告诉浏览器一些信息，比如使用的字符集，
文档标题、需要加载的CSS（层叠样式表）和JavaScript文档。
<link>表示链接一个外部mian.css 的样式表文件。样式表用来美化页面元素，定义元素的参数。
<javascript>表示这是个浏览器脚本文件，里面的src属性表示链接一个外部脚本文件。
<body></body>表示主体，这部分是用来在浏览器页面是显示的，是用户可以真正看到的内容。body里面可
包含很多语义标签，像div，span，table，form，video，li等。

older Responsive Html5 Theme

zCumbeton – Free Responsive Html5 Theme

Kataklimt Responsive Html5 Theme

Zparalexy Responsive Html5 Theme

zBoomMusic – Free Responsive Html5 Theme

Response Responsive Html5 Theme

VividPhoto Responsive HTML5 and CSS3 Template

Respond Responsive Html5 Theme

Brownie Responsive Html5 Theme

Triangle Responsive Html5 Theme

LiquidGem Responsive Html5 Theme

Hosting Website – Free Html5 Responsive Template

Flexapp Responsive Html5 Theme

Designa Responsive Html5 Theme

Accentbox Responsive Html5 Theme

OnePager Responsive Html5 Theme

Simpler Responsive Html5 Theme

Free ABC Responsive Templates

Free Modu Responsive HTML 5 Template

Sunrise – A free responsive HTML5 theme

Resond Free responsive HTML5 template

者：明明如月

审校：蓝色漂流瓶

本文讲的是啥？

本文为你提供一篇HTML5基本布局模板示例。你可以直接拷贝，粘贴到你的HTML文件中并对其进行修改。

好，说实话，这个本是为我自己准备的html5布局模板，但是你可以拿来用。

译者注：由于无法直接粘贴代码，需要的亲直接进入尾部提供的链接，拷贝下来即可。

虽然本文比较简单（喷子止步），但是还是一个不错的模板，可以存起来，或者参考一下人家的结构。

基本的HTML5 模板布局模板：

代码如下：

图片格式

带头部、尾部和导航的基本的HTML5布局模板

图片格式

英文源：http://www.codeshare.co.uk/blog/basic-html5-template-layout-example/

在线咨询

上一篇：「砸金蛋」趣味玩法上线！0门槛引流
下一篇：HTML创建用户反馈表单

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。