时间:2021-07-01 10:21:17 帮助过:34人阅读
1、H5的语义标签
1):html 的定义 ,它的一个文档声明
语法跟html4 差不多,w3c 提供了一个网站可以用来检测html 的语法.
https://validator.w3.org/
2)html 的语义标签,多了很多新的语义标签. 这些标签用起来跟div 和span 差不多。
1
3)兼容处理
①在不支持HTML5新标签的浏览器里,会将这些新的标签解析成行内元素(inline)对待,将其转换成块元素(block)即可;
②在IE9版本以下,并不能正常解析这些新标签,但是可以识别通过document.creatElement('tagName')创建的自定义标签
③实际开发中,我们采用的是通过检测IE浏览器的版本来加载三方的一个JS库来解决兼容问题。
【注意】 这个是html5 里面的标记,相当于div,只不过有语义;然后放在ie6 里面,它会把这个footer 这个不认识的标记当做行内元素来处理;所以我们就需要屏蔽兼容性,这个时候我们就需要导入一个js 库。
html5shiv.min.js
2、表单
——form 是用来声明表单. input 是用来表示表单项,type 是用来控制表单项的类型.(html5 在表单上面进行一些增强)
1)输入类型(表单类型、表单元素、表单属性、表单事件)
1 2 email 输入email格式 3 tel 手机号码 4 url 只能输入url格式 5 number 只能输入数字 6 search 搜索框 7 range 范围 8 color 拾色器 9 time 时间10 date 日期 不是绝对的11 datetime 时间日期12 month 月份13 week 星期
部分类型是针对移动设备生效的,且具有一定的兼容性,在实际应用当中可选择性的使用
2)新增了一些标签
① 数据列表:
②用来做安全的表单提交数据传输的安全:
③用来做度量:
④想表单里面输出,没什么作用:
3)新增了一些属性:
1 placeholder 占位符2 autofocus 获取焦点3 multiple 文件上传多选或多个邮箱地址4 autocomplete 自动完成,用于表单元素,也可用于表单自身5 form 指定表单项属于哪个form,处理复杂表单时会需要6 novalidate 关闭验证,可用于