蓝桥杯复习-html(4)

本篇主要介绍H5新特性.

语义化标签:

• header 标签是头部区域。
• nav 标签是导航区域。
• article 标签是内容区域。
• section 标签是文档中部分内容区域。
• aside 标签是侧边内容栏区域。
• footer 标签是底部信息区域。

audio和video的参数说明：

• src 属性用于指定要播放的声音文件。
• controls 是 controls="controls" 简写形式，用于提供播放、暂停和音量控件。

除了上面两种属性，audio 标签还有以下属性可用：

• autoplay 属性：音频自动播放。
• loop 属性：音频自动重复播放。
• preload 属性：用来缓冲 audio 标签的大文件，它有三个属性值 none（不缓冲）、auto（缓冲音频文件）、metadata （缓冲文件的元数据）。

关于source 标签

audio 标签还可以通过子标签 source 来进行多数据源的设置。 就是第一行的数据源识别不了,就会自动识别下一行的数据源.

新增input的type属性:email,url,range(限制范围),search,color，number，date（选取年月日），datetime-local（选取年月日和本地时间）

number 类型表单有以下属性。

属性	描述
max	输入框允许的最大值。
min	输入框允许的最小值。
step	合法的数字间隔，例如 step=2，则合法为：2、4、6、8。
value	默认值。

input新属性 1.form（通过该属性把表单绑定到某个form标签里面，应该是id对应关系吧）我觉得这样写还是很麻烦的，而且不太方便看，了解了解就好了。 2.autofocus 3.placeholder

4.autocomplete（是否启用自动完成）

看个Demo吧

<form autocomplete="on">
      您最喜欢前端技术: <input type="text" list="selectList" />
      <datalist id="selectList">
        <option>html</option>
        <option>css</option>
        <option>js</option>
        <option>vue</option>
      </datalist>
      <input type="submit" />
    </form>
    ```