html(8)

兼容性

概念：同一个在不同的浏览器版本里面效果不一样
代表浏览器         浏览器内核         前缀
欧朋              presto            -o-
IE			     trident		   -ms-
火狐			     gecko			  -moz-
谷歌				 webkit			 -webkit-

常见的兼容想问题

1.图片的3px问题：解决问题：图片设置vertical-align或者转换为块级元素
2.行内块元素之间默认的间隔：解决方案：代码之间不要有空格或者加浮动
3.图片外面有链接，在低版本浏览器里面有低框：解决方案：设置边框粗度为0
4.在png24在ie6里面是不透明的，解决方案：使用png8或者gif
5.表单元素垂直方向没有对齐；解决方案：使用浮动或者vertical-align：top
6.鼠标移入，实现手型；cursor：hand；和cursor：pointer；一起使用

html与新增的标签和属性

1.标签语义化
         概念：语义就是有意义，要用正确的标签描述相反的内容
好处：代码具有可读性
	方便seo
新增的标签：
页头		header
页脚		footer
主体		main
导航		nav
侧柱		aside
文章		article
独立的区域、块	section

多媒体标签

1.音频：
<audio src='音频的路径'controls autoplay loop></audio>
controls 控件
autoplay  自动播放
loop   循环
2.视频
<video src='视频的路径' controls poster='海报的路径' 不能识别video标签的时候显示的内容></video>

html新增的属性和属性值

1.type属性值：email、url、number
2.验证表单数据的正确性：novalidate
3.验证表单数据的必要性：required
4.提示符：placeholder
5.自动获取焦点：autofocus
6.最大长度：maxlength
7.最小长度：autolength
8:自动补全：autocomplete

数据列表

语法：
	<input list='id名'>
	<datalist id = 'id名'>
	<option value=''>内容</option>
	</datalist>

渐进增强和优雅降级

项目开发中的两种思想而已
渐进增强：先完成最基本的功能，后面针对高版本的浏览器在添加功能或者是酷炫的效果，意味着向后看
优雅降级：先完成所有的功能，在针对低版本的浏览器进行功能，酷炫功能，交互的删减，保证最基本的功能的实现，意味着向前看