极客学院web前端学习笔记（十）html5与html4的区别

推出理由以及目标：

html5的出现，解决了web存在的很多问题：

浏览器兼容性低，文档结构不够明确（增加与结构相关的元素），web应用程序功能受到了限制

世界知名浏览器对html5的支持：微软，谷歌，苹果，opera，mozilla

语法的改变：

内容类型。。。扩展名与内容类型保持不变

doctype声明。。。不再需要指出版本

指定字符编码。。。直接声明charset就可以了

可以省略标记的元素

具有boolean类型值的属性（只写属性不赋值：true，不写属性：false，属性值为true：属性名设定成属性值，字符串设置为空）

<input type="checkbox" checked>
<input type="checkbox" checked="checked">
<input type="checkbox" checked="">
<input type="checkbox">

前三个默认是“true”，最后一个默认是“false” 

省略引号：属性引号可以省略（单引号双引号均可省略）

 

新增的元素和废除的元素

新增的结构元素

section（内容块----章节，页眉，页脚等等，可与h1..h6结合）

article（一部分与上下文不相关的部分，如博客中的一篇文章）

aside（article元素之外的，与article有关的辅助信息）

header（一个内容区域块，通常表示标题）

hgroub（用于对整个页面或内容块的标题集合）

footer（内容块底，例如作者信息）

nav（导航链接）

figure（一段独立的流的内容）

新增的其他元素

video（视频，视频片段、视频流）

audio（音频 音频片段、音频流）

canvas（画布 表示图形，图标，元素本身没有行为，但是api可以将想画的东西画在它上面）

新增的input元素的类型

email（emali地址）

url（链接地址）

number（数字）

range（输入框内数字的范围值）

Date Pickers（关于日历的，日期，时间）

废除的元素

能使用css代替的元素：basefont，big，center，font，s，tt，u等

不再使用frame框架

只有部分浏览器支持的元素

其他被废除的元素

 

新增的属性和废除的属性

新增的属性：

   表单相关的属性

   链接相关的属性

   其他属性

废除的属性

全局属性

新增概念：【可以对任何元素都使用的属性】

contentEditable属性：允许用户编辑元素中的内容（true---允许编辑   flase----不允许编辑）

<h2>可编辑列表</h2>
<ul contenteditable="true">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
</ul>

当光标移动到列表中时，光标会变成可编辑的闪烁，点击后可修改列表中的内容

designMode属性（页面是否可编辑，有两个值on/off，该属性为on时，页面中任何支持contenteditable属性的元素都变成可编辑状态，只能在js脚本中修改）

hidden属性（通知浏览器不渲染该元素，允许使用js脚本将该元素取消，bool类型）

spellcheck属性（功能是针对用户输入的内容进行拼写和语法检查）

tabindex属性（当不断敲击tab键进行访问时，用tabindex属性规定他是第几个被访问到的 默认条件下只有链接或表单可以获取到，但是用这个属性可以让本不能获取到元素的进行获取 规定为-1时也不能获取）