189 8069 5689
整体结构
海安网站建设公司创新互联,海安网站设计制作，有大型网站制作公司丰富经验。已为海安上千提供企业网站建设服务。企业网站搭建\成都外贸网站建设要多少钱，请找那个售后服务好的海安做网站的公司定做！
【页面头部】
1、文件应以“!DOCTYPE ......”首行顶格开始，推荐使用“!DOCTYPE html”
!DOCTYPE html
2、必须声明文档的编码charset，且与文件本身编码保持一致，指定字符编码的 meta 必须是 head 的第一个直接子元素。推荐使用UTF-8编码meta charset="utf-8"
（1）网页显示字符集
（2）可选标签
公司的版权注释
网页制作者信息
网站简介
设定网页的到期时间，一旦网页过期，必须到服务器上重新调阅
禁止浏览器从本地机缓存中调阅内容
用来防止别人在框架中调用你的页面
自动跳转
网页搜索机器人向导，用来告诉机器人哪些页面需要搜索，哪些页 面不需要搜索
收藏夹图标
3、根据页面内容和需求填写适当的keywords和description
4、页面title是不可缺少的一项，title 必须作为 head 的直接子元素，并紧随 charset 声明之后
html5页面方法：
html
head
meta http-equiv="Content-Type" content="text/html;charset=UTF-8"
title标题/title
/head
body
......................
/body
/html
以上方法 ，meta http-equiv="Content-Type" content="text/html;charset=UTF-8"加上这行代码。
html5增加了一些新的标签，去除了一些不常用的标签，头部声明变得简洁了，其他变化不太；但一般所说的html5技术是包含了css3和javascript的，因为连接更紧密了；比如html5的canvas没有javascript是没法实现的；还有就是移动端。书写时要简单明确。
解决办法如下：
!DOCTYPE html
html
head
meta charset="utf-8" /
titleHTML5 Examples Page/title
style
!--这里是CSS代码--
/style
/head
body
article
header标题/header
section正文/section
footer文章相关信息/footer
/article
script
!--这里是JavaScript代码--
/script
/body
/html
应用须知
它可能会消灭Flash
许多业内人士表示，HTML将会最终代替多媒体框架，如Adobe的Flash，但是短期看来还不是时候。HTML5估计到2014年才能逐步成熟，而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点，但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5，谷歌于2015年2月26日开始自动将Flash广告转换为HTML5格式，这可能会加速HTML5替代Flash的进程，但是这个转变的过程也不是一蹴而就的。
它新并不表示它安全
网络应用开发工程师们在学习新技术的同时需要时刻记住网络安全。HTML5所构建的网页和其他语言编写的网页一样容易泄露一些敏感数据。欧洲网络信息安全机构（European Network and Information Security Agency，ENISA）已经警告说HTML5可能并不够安全。
它承诺带来一个无缝的网络
HTML5会带来一个统一的网络，无论是笔记本，台式机，还是智能手机都应该很方便的浏览基于HTML5的网站。因此在设计网站的时候，开发者需要重新考虑用户体验，网站浏览，网站结构等因素使得这个网站对任何硬件设备都通用。
它会变成企业的SaaS平台
一些重量级的企业，如微软，Salesforce，SAP Sybase正在开发HTML5的开发工具。如果你正在构建企业应用，很可能不久的将来你就要用到HTML5。所以当构建公司的SaaS战略迁移的时候也不要忘记HTML5。
它将会变得很移动
几乎所有人都热衷于开发独立的移动应用，但是HTML5很可能会是独立移动应用的终结者。由于HTML5将应用的功能直接加入其内核，这很可能引导移动技术潮流重新回到浏览器时代。HTML5允许开发者在（移动）浏览器内开发应用，所以如果你正在制定一项桌面或者移动应用的长期发展策略，你可能需要考虑这一点。
你想问的应该是，在搭建一个HTML文件时，基本的文件结构是什么样子吧？
标准的HTML文件由“文档声明、文件头、文件体”组成。
对于HTML5，文档声明也应该采取HTML5.0的声明方式，具体代码如下：
!doctype html
html
head
meta charset="UTF-8"
titleHTML5学堂（码匠） 言成科技 联合出品/title
meta name="viewport" content="width=device-width,user-scalable=no"
link rel="stylesheet" href="../css/reset.css"
/head
body
div具体内容/div
/body
/html
在html标签当中包含head标签和body标签两种，而head标签表示的是文件头，body标签表示文件体，文件头当中需要包含“字符编码”（head标签中的第一行）、“标题”（title标签）、“其他元信息”（除了字符编码外的其他meta），而文件体当中书写的具体代码就是在网页当中会显示的内容。
此外，在文件头部或文件体当中还可以使用link标签引入CSS文件，或者使用script标签引入JS文件。
关于文档声明，在传统的HTML4当中，有另外三种声明方法，请详见《文档声明 DOCTYPE常见的文档类型》
首先，我们制作的这个进度条并没有后台数据作为支撑，所以是一个靠js实现的一个简单的页面。
我们首先需要新建一个html5的页面，其使用的progress元素实在html5时代才出现的。
我们在新建的页面中，输入一个段落标签，一个进度条，一个button按钮。
然后，我们需要设置一下进度条显示的进度。value代表从多少开始，max代表到多少结束。我们做的是百分比形式的，应该写成这样的。
这些做好之后，我们需要书写两个小的事件，实现原理大体上是鼠标单击下载按钮，开始下载变为正在下载百分之多少，等到达到我们预设的时间后显示下载完成。
我们之前已经给p标签和progress标签分别赋予了不同的id，我们需要获取到这两个元素，并将他们赋给两个变量。
我们还要将progress的初始值设为0,当鼠标单击的时候，我们以一定的时间为周期调用写好的事件。
函数写好之后，我们在浏览器中调试，点击下载按钮之后会在300ms内完成下载时间。