html5新增标签

新增语义标签【目前可用可不用】：

1、<header> 页面头部、页眉

2、<nav> 页面导航

3、<article> 一篇文章

4、<section> 文章中的章节

5、<aside> 侧边栏

6、<footer> 页面底部、页脚

音频视频标签【一般也不用，支持格式太少】

1、<audio>

2、<video>

让pc端低版本的浏览器兼容html5新标签的方法，在页面中引入以下js文件：

<script type="text/javascrip" src="//cdn.bootcss.com/html5shiv/r29/html5.js"></script>

 

新增表单控件【不常用，不同浏览器上显示不一样】

类型：网址url 邮箱emal 日期date 时间time 星期week 数量number 范围range 电话tel 颜色color 搜索search

例如：<label>网址:</label><input type="url" name="" required><br><br>

　　　<label>邮箱:</label><input type="emal" name="" required><br><br>

　　　<label>日期:</label><input type="date" name="" >　　　

 

新增常用表单控件属性【这个要用到】：

1、placeholder 设置文本框默认提示文字

2、autofocus 自动获得焦点

3、autocomplete 联想关键词

例：

 

<!-- 默认显示文字 -->
<input type="text" name="" placeholder="搜索">

<!-- 自动获得焦点 -->
<input type="text" name="" autofocus="">

<!-- 这个联想主要是为了关闭它自己，设置为off，因为一般不用它这个联想 -->
<input type="text" name="" autocomplete="off">