HTML5新特性与元素
本文介绍了HTML5的新特性，包括其过渡性、合理性、简化性等，并对比了与传统HTML的不同之处，如新的结构元素（section、article等）及input属性的增强。
在这里出发，每天成长
一.Html5的新特性
1.是一个过渡性的技术.
2.合理性(新增加的属性和元素都是根据互联网中已经存在的各种应用进行技术精炼，而不是虚构).
3.简化：简化代码的编写已经DOCTYPE和字符集的声明，以浏览器的原生能力替代复杂的JavaScript.
4.分离： 努力的实现html与css的分离（HTML5已经不支持老版本HTML的大部分表现功能）.
5.通用性：媒体中立： html5的功能在所有不同的设备和平台都能正常运行.
6.无插件：很多功能如canvas和video这些可以很轻松的实现插件的功能.
二:一些新元素和属性（与html的区别和联系）
旧：如要给一块内容添加一个链接
<h2><a href="#">内容一</a></h2>
<p><a href="#">内容二</a></p>
新：
<a href="#">
<h2>内容一</h2>
<p>内容二</p>
</a>
旧：整个网页结构标签以前是起了对应id的名字
<body>
<div id="header"></div> -- 头
<div id="navigation"></div> --导航条
<div id="main"></div> --主体
<div id="siderbar"></div> --侧边栏
<div id="footer"></div> --页脚
</body>
新：
<body>
<header></header>
<nav><nav>
<div id="main"></div>
<aside></aside>
<footer></footer>
</body>
新元素：section，article，aside，nav
input属性的平稳退化：
1.新增了number,search,range,email,date,url这样的属性
2.浏览器在解析这些属性的时候如果无法支持则会把他们解释为text类型。
3.number可以设置一个最大最小的输入值范围。
4.email会自动验证邮箱
5.search在safari中呈现的是一个系统级别的搜索控件，在其他不支持的浏览器中则是text。
6.date会是一个日期控件
7.placeholder是一个灰色的占位符（虽然可以用Js去编写但是一个属性就解决了这些代码了).
字符编码：
html: <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
html5: <meta charset="UTF-8">
可以省略结束标志的元素：
1.不允许写结束标记的元素有 ： area,base,br,col,command,embed,hr,img,input,keygen,link,meta,param,source,track,wbr
2.可以省略：li,dt,dd,p,rt,rp,optgroup,option,colgroup,thead,tbody,tfoot,tr,td,th.
3.可以省略全部标记的：html，head,body,colgroup,tbody.
注：不可以写结束标记是指：不允许使用开始标记和结束标记把元素括起来，只允许使用<元素/> 的形式，例如<br></br>是错的.
注：可以省略的标记不是不存在时隐藏存在的，可以用document.body这样来访问。
具有boolean值的属性
以下为true:
1：只写属性，不写属性值
<input type="checkbox" checked>
2：属性值=属性名
3：属性值=空字符串
以下为false
1：不写属性，代表属性为false
扫一扫
7988
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
