html5做网页,html5做网页的代码

用html5制作网页有什么优势吗？

HTML5能够以更低的成本和更短的下载时间展现媲美目前顶级网页设计人员设计的外观，语义标记具有网络营销SEO和维护优势。

目前创新互联已为成百上千家的企业提供了网站建设、域名、网页空间、绵阳服务器托管、企业网站设计、石楼网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

1、SEO(搜索引擎优化)得到提升

2、更快的图片下载速度，尤其是对于移动用户

3、Web应用开发更容易，尤其是移动应用

4、更精美的动画效果

采用HTML5技术制作网页都有哪些好处

HTML5可以让你摆脱对平台的依赖，用户打开浏览器，直接就可以访问你的应用，而不需要经过各种Store的审核。

HTML5可以更好的促进用户于网站间的互动情况，提高用户的友好体验

搜索引擎更加容易抓取和索引

html5怎么制作一个响应式网页？

HTML5 制作响应式网页，首先需要考虑是全平台适配还是只是移动端适配。这里以移动端响应式网站为例，讲述如何制作响应式网页。

1、选定基本设计尺寸，一般以1080为基准。确定响应式web设计的应用场景之后，和美工（或设计师）沟通，之前，一般需要美工出几套主流移动设备屏幕分辨率的设计图，现在，使用流式布局以及rem等可以使用一套设计图，以最常用的移动设备屏幕分辨率为基准。

2、当美工完成设计图之后，前端工程师的工作就开始了。这时你就可以使用PS或是FW进行切图了。一般说来，Fireworks cs6切图更快，但是Fireworks有时会有图片失真的情况发生，所以，有时需要使用PS进行配合，PS有切片工具可以专门用来切图。

具体代码：

(function (doc, win) {

var docEl = doc.documentElement,

resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',

recalc = function () {

var clientWidth = docEl.clientWidth;

if (!clientWidth) return;

docEl.style.fontSize = 20 * (clientWidth / 320) + 'px';

};

如何用HTML5制作网页

现在以HBuilder工具编写为例：

1. 打开此工具，在项目管理器中右键单击创建一个web 项目

2.右键单击项目名称，新建一个HTML文件----form01.html

!DOCTYPE html

!--

作者：offline

时间：2017-01-06

描述：form表单

在form标签中，有两个经常使用的属性

action：表单提交服务器地址

method: 表单提交的方法/方式----get/post

其他提交方式---put delete

提交方式----get（默认的提交方式）

1.请求的参数放到地址栏中

2.不安全

3.存在缓存

4.传输数据的大小收到限制

提交方式----post

1.请求的参数放到http协议中

2.相对安全---账号密码等信息不会放到地址栏中

3.没有缓存

4.传输数据的大小限制较小

修改成post之后，可能会出现错误信息。

input标签：定义输入字段，用户可在其中输入数据。

属性：

type 指示 input标签的类型，默认的是text

按钮类型： 普通按钮 button 重置按钮 Reset  提交按钮 submit

value 定义要显示的文本。

--

html

head

meta charset="utf-8"

titleform表单1/title

/head

body

form action="" method="post"

    input type="text" name="username" value="zhangsan" /

    input type="submit" value="提交" /

/form

/body

/html

3.查看此网页是不是HTML5，主要看表头

4.HTML5新增了很多新内容，具体可以查看API，例如：在网页中嵌套音频/视频文件的格式