简述html5和html4的区别
html5与html4之间的区别。
先说html5推出的理由及目标。
HTML5的出现，对于Web来说意义是非常重大的，因为他的意图是想要把目前Web上存在的各种问题一并解决掉。
具体问题如下：
1、Web浏览器之间的兼容性很低
2、文档结构不够明确
3、Web应用程序的功能收到了限制
语法的改变：
1、内容类型
2、DOCTYPE声明
3、指定字符编码
4、可以省略标记的元素
5、具有boolean值的属性
6、省略引号
下面来看html5新增的元素：
新增的结构元素：
section、article、aside、header、hgroup、footer、nav、figure。
新增的其他元素：
video、audio、embed、mark、progress、meter、time、ruby、rt、rp、wbr、canvas、command、details、datalist、datagrid、keygen、output、source、menu
新增的input元素的类型：
email、url、number、range、Date Pickers
主体结构元素包括：
article元素：article元素代表文档、页面或程序中独立的、完整的、可以独自被外部引用的内容。他可以是一篇博客或者报刊中的文章，一篇论坛帖子、一段用户评论或独立的插件，或其他任何独立的内容。article元素是可以嵌套使用的。article元素是可以用来表示插件的。
aside元素：aside元素用来表示当前页面或者文章的副属信息部分，他可以包含与当前页面或主要内容相关的引用、侧边栏、广告、导航条，以及其他类似的有区别于主要内容的部分。
nav元素：nav元素是一个可以用作页面导航的连接组，其他的导航元素链接到其他页面或当前页面的其他部分。并不是所有的连接组都要被放进nav元素，只需要将主要的、基本的连接组放进nav元素即可。nav元素应用场景：1、传统导航条，2、侧边导航栏，3、页内导航，4、翻页操作。
section元素：section元素用于对网站或应用程序中页面上的内容进行分块。一个section元素通常由内容及其标题组成。但section元素并非一个普通的容器元素；当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section。
非主体元素包括：
footer元素：footer元素可以作为其上层父级内容区块或是一个根区块的脚注。footer通常包括其相关区块的脚注信息，如作者、相关阅读链接及版权信息等。
header元素：header元素是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但是也可以包含其他内容，例如数据表格、搜索表单或相关的logo图片。
废除的元素：
1、能使用css替代的元素：basefont、big、center、font、s、tt、u等
2、不能使用frame框架
3、只有部分浏览器支持的元素
4、其他被废除的元素
新增属性：
1、表单相关的属性
2、链接相关的属性
3、其他属性
具体新增属性：
1、contentEditable属性（文本可编辑）
2、designMode属性
3、hidden属性（文本不可见）
4、spellcheck属性（检测拼写错误）
5、tabindex属性（按tab获取焦点）
可以通过下面代码熟悉具体新增属性的作用：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>全局属性</title>
</head>
<body>
<!-- <h2>可编辑列表</h2>
<ul contenteditable="true"文本可编辑>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul> -->
<!-- <ul hidden="">文本不可见
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul> -->
<!-- <input type="text" spellcheck="true"> 表示检查拼写错误-->
tabindex表示tab获取焦点<br/>
<a href="#" tabindex="1">hello</a>
<a href="#" tabindex="3">hello</a>
<a href="#" tabindex="2">hello</a>
<ul tabindex="1">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
以上是本篇博客全部内容，希望对大家有所帮助，小编目前才刚开始学习前端，这篇博客是小编第一篇博客，如有错误之处还望指出，同时也可以跟小编一起学习前端一起了解前端。
谢谢大家。
1219
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
