一、结构标签
缺点:兼容性比较差ie8+才能shibie
1.section 独立内容模块,可以h1-h6组成大纲,表示文档结构,有章节、页眉、页脚或其他部分
2、article (文章)文章核心部分
3、阿斯德标签内容之外相辅的信息 侧边栏
4、header 头部、标题
5、footer 底部
6、nav 导航
7、figure标签 代替原来的li>img+p就是有文字有图片的区域
二、IE使用新标签的兼容性处理
1:利用js去创造这些新的标签方法:document.createElement(‘标签名’);
2:<script src="html5shiv.min.js/html5shiv.js>
三、新增的input type属性值:
email 输入邮箱格式 1:自动切换键盘 显示出@符号 2: 提供了邮箱的完整验证(格式)
tel 输入手机号码格式 只是打开移动端的数字键盘 ,不提供验证(原因就是实现起来太复杂)
url 输入url格式
number输入数字格式 数字输入的地方 min : 最小值 max:最大值 —>减少后面js对数字区间的验证
search 搜索框(体现语义化) 功能不是搜索 只是用在搜索框上 提高用户体验 利用鼠标删除 不涉及键盘
range 自由拖动滑块
date 年月日
datatime 时间
month 月年
week 星期年
H5新增语义化标签以及属性
最新推荐文章于 2023-02-25 16:45:00 发布