整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
TML5声明与编码设置
HTML5的DOCTYPE声明
<!DOCTYPE html>
语言的声明方式
<html lang="zh-CN">
lang属性设置为zh-CN，表示文件内容使用简体中文
网页编码的声明
<meta charset="GB2312">
<meta charset="UTF-8">
HTML5编号列表新增的属性
<ol type="i" start="4"></ol>
type 设置值有5种
1 默认值。数字有序列表。(1、2、3、4)
a 按字母顺序排列的有序列表，小写。(a、b、c、d)
A 按字母顺序排列的有序列表，大写。(A、B、C、D)
i 罗马字母，小写。(i, ii, iii, iv)
I 罗马字母，大写。(I, II, III, IV)
HTML5新增的属性
start 设定编号的起始值。默认值：start=1
reversed 反向排序,数字改为由大到小(IE9不支持)。设定值reversed
HTML5与HTML4的差异
1.语法简化
HTML,XHTML的DOCTYPE,html,meta,script等标记,在HTML5中有大同谋的简化;
2.统一网页内嵌影音和语法
以前我们在网页中播放影音时,需要使用Active或Plug-in的方式来完成;
3.新增<header>,<foot>,<section>,<article>等语义标记
4.HTML5废除了一些旧的标记
HTML5中已经去除了<font>,<big>,<u>等.
5.全新的表单设计
对于网页程序设计者来说,表彰是最常用的功能,在这方面,HTML5做了很大的更改,不但新增了几项新的标记,原来的<form>标记也增加了许多属性;
6.利用<canvas>标记绘制图形
HTML5新增了具有绘图功能的<canvas>标记,利用它可以搭配Javascript语法在网页上画出线条和图形;
7.提供API开发网页应用程序
为了让网页程序设计者开发网页设计应用程序,HTML5提供了多种API供设计者使用,例如Web SQL Database让设计者可以脱机访问客户端的数据库.
量化评分网站：http://html5test.com HTML5一共555个新特性, 每个小点算一个, 不分权重。
https://caniuse.com/
av元素是什么？
Nav元素用于定义导航链接，是HTML5新增的元素，该元素可以将具有导航性质的链接归纳在一个区域中，使页面元素的语义更加明确。其中的导航元素可以链接到站点的其他页面或者当前页的其他部分。
Nav元素可以用作页面导航的链接组，在导航链接组里面有很多的链接，点击每个链接可以链接到其他页面或者当前页面的其他部分，并不是所有的链接组都要被放在Nav元素里面，只需要把最主要的、基本的、重要的放在Nav元素里面即可。
比如说页脚底部如果有个版权声明，不建议使用Nav元素，而建议使用footer元素是最合适的。一个页面中可用多个Nav元素作为整体或者不同部分的导航
示例代码：
Nav元素示例代码
在上面这段代码中，通过在Nav元素内部嵌套无序列表ul来搭建导航结构。通常一个HTML页面中可以包含多个Nav元素，作为页面整体或不同部分的导航。
具体来说Nav元素可以用的场景如下：
1.传统导航条：目前主流网站上都有不同层级的导航条，其作用是跳转到网站的其他主页面。
2.侧边栏导航：目前主流博客网站及电商网站都有侧边栏导航，目的是将当前文章或当前商品页面跳转到其他文章或其他商品页面。
3.页内导航：它的作用是在本页面几个主要的组成部分之间进行跳转。
4.翻页操作：翻页操作切换的是网页的内容部分，可以通过单击“上一页”或“下一页”切换，也可以通过单击实际的页数跳转到某一页。
除此Nav元素也可以用于其他重要的、基本的导航链接组中。并不是所有的链接组都要被放进Nav元素，只需要将主要的和基本的链接放进Nav元素即可。
TML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。
HTML5的设计目的是为了在移动设备上支持多媒体。
HTML5 简单易学。
HTML5 是下一代 HTML 标准。
HTML , HTML 4.01的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。
HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。
HTML5 是 W3C 与 WHATWG 合作的结果,WHATWG 指 Web Hypertext Application Technology Working Group。。
WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。
HTML5 中的一些有趣的新特性：
用于绘画的 canvas 元素
用于媒介回放的 video 和 audio 元素
对本地离线存储的更好的支持
新的特殊内容元素，比如 article、footer、header、nav、section
新的表单控件，比如 calendar、date、time、email、url、search
<!doctype> 声明必须位于 HTML5 文档中的第一行,使用非常简单
下面是一个简单的HTML5文档：
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>文档标题</title></head><body>文档内容......</body></html>
HTML5 的改进
新元素
新属性
完全支持 CSS3
Video 和 Audio
2D/3D 制图
本地存储
本地 SQL 数据
Web 应用
HTML5 多媒体
使用 HTML5 你可以简单的在网页中播放 视频(video)与音频 (audio) 。
HTML5 <video>
HTML5 <audio>
HTML5 应用
使用 HTML5 你可以简单地开发应用
本地数据存储
访问本地文件
本地 SQL 数据
缓存引用
Javascript 工作者
XHTMLHttpRequest 2
HTML5 图形
使用 HTML5 你可以简单的绘制图形:
使用 <canvas> 元素。
使用内联 SVG。
使用 CSS3 2D 转换、CSS3 3D 转换。
HTML5 使用 CSS3
新选择器
新属性
动画
2D/3D 转换
圆角
阴影效果
可下载的字体
了解更多CSS3知识请查看本站的 CSS3 教程。
HTML5 表单
新表单元素, 新属性，新输入类型，自动验证。
已移除元素
以下的 HTML 4.01 元素在HTML5中已经被删除:
<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
*请认真填写需求信息，我们会在24小时内与您取得联系。
