2019.10.15【datalist/output/ html实用标签/相对路径和绝对路径】

一.表单新增标签

①　datalist 标签

    datalist规定输入域的选项列表，类似于select标签.

注意：
    datalist的一定要有id属性，并且此属性还必须要和某一个文本域input的list属性值一样才能渲染出来。

②　output 标签

output 元素用于不同类型的输出，比如计算或脚本输出


注意：
    就现在的浏览器支持程度而言，如果我们要获取input的实时改变，我们需要通过oninput属性获取。oninput属性既可以写在form表单上也可以写在input的输入域上。

二、HTML5实用标签

1. mark标签

   该标签是一个“行内元素”，它的作用是像一只荧光笔一样突出你标记的文本。

运行效果：

2.meter标签

    该标签是一个“行内块级元素”，它是用于度量属性“value”的值的一个标签，
    通过判断“value”的值是否在一个合适的区间，从而显示出不同级别颜色。
   如果值在合理区间会显示成一个值内容比例为“绿色”的横条，如果值在不合理区间会显示成一个值内容比例为“黄色”的横条（经过包括“Edge”浏览器在内的所有主流浏览器测试）。

meter标签具有以下属性值：

1. max规定度量的最大值
2. min规定度量的最小值
3. value 当前值
4. high规定高范围的度量值（大于该值）
5. low规定低范围的度量值（小于该值）
6. optimum规定最佳的度量值
   比例的控制
   
   颜色的状态显示
   

3. progress标签

        该标签是一个“行内块级元素”，它是一个用于显示“进度信息”的标签。

progress标签具有以下属性值：

1. max规定总进度量的值;
2. value规定当前进度量的值;
   
   代码效果：

4 audio video标签

该标签是“行内块级元素”,它用于在页面中加载音频文件，
目前HTML5标准中，audio video主要支持三种格式的音频文件，即：“ogg”(Ogg Vorbis)、“mp3”和“wav” “ogg/ogv” 格式的音频文件，
但不同的浏览器支持的情况又有所不同，所以我们通常不会单独使用audio video 标签，而是在该标签内置入一个source标签，使浏览器将一个识别到的音频文件进行使用。

audio video 标签具有以下属性：

1. autoplay如果出现该属性，则音频在就绪后马上播放
2. controls如果出现该属性，则向用户显示控件，比如播放按钮
3. loop如果出现该属性，则每当音频结束时重新开始播放
4. muted规定视频输出应该被静音
5. preload如果出现该属性，则音频在页面加载时进行加载，并预备播放。若和“autoplay”同时使用，则该属性值会被忽略
6. src要播放的音频的URL地址
7. Muted ：静音（加载时默认静音）

source标签具有以下属性：

1. Media
   规定媒体资源的类型，如：“screen and (min-width:320px)”
2. Src
   规定媒体文件的URL地址
3. type
   规定媒体资源的MIME类型（Multipurpose Internet Mail Extensions，它包含文本、图像、音频、视频以及其他应用程序专用的数据）
   

5 语义化标签

除了上述标签，HTML中还提供了一系列语义化的标签来帮助布局，提升检索效率，主要

1. header标签 定义页面头部
2. footer标签 定义页面脚部
3. nav标签 定义导航链接
4. section标签 定义页面中的区段
5. article标签 定义页面中的文章
6. aside标签 页面内容之外的内

三、相对路径和绝对路径

• 相对路径：

1. “./ ”表示当前文件所在目录(等价与直接给文件名)
2. “…/” 上一级目录

• 绝对路径：

1. 网络路径： 如：http://…
2. 以 / 口头 ，表示项目根路径