<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>h5标签</title>
</head>
<body>
<!--h5特点
      向下兼容
      用户至上
      化繁为简
      无插件范式
      访问通用性
      引入语义
      引入原生媒体支持-->
<!--
   1 在html中有一些元素的属性，当只写属性名称而不指定属性值时，表求属性值为true, 如果设置该属性值为false，
      则不使用该属性即可。另外，要想将属性值设定true时，也可以将属性名设定为属性值， 或将空字符串设定为属性值。
      例如input元素中的disabled与readonly就是这样的属性。
   2 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。标签之间的文字加内容
   3 另外 ，html5在指定属性值时做了一些改进，在属性值不包括“<”、">"、"="、单引号、双引号等字符时，属性值两边的引号可以省去
   4 注意的是如果省略全部标记 但是元素还是存在的

      (1)空元素语法的元素（无闭合标签）：area、base、br换行、col、command、embed、hr、img、
      input、keygen、link、mata、param、source、wbr软换行
      (2)可以省略结束标签的元素：colgroup、dt、dd、li、optgroup、p、rt、rp、thread、tbody、tfoot、tr、td、th
      (3)可以全部省略标签的元素：html、head、body、tbody

    空元素定义，摘自W3C
    没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
    <br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
-->
<!--h5特有块级标签(起了别名的Div)
     section 内容区 定义字节
     article  定义文章
     header  头部
     hgroup 标题组
     footer 底部
     Nav   导航区
     aside 广告栏 定义附属结构-->
<!--简洁 优化速度 方便搜索-->
<!--H5表单属性
    form
    formaction
    formmethod
    placeholder
    autofocus
    list 输入首字母会提示
    autocomplete-->
<input id="myCar" list="cars" />
<datalist id="cars">
    <option value="BMW">
    <option value="Ford">
    <option value="Volvo">
</datalist>

</body>
</html>
H5其他标签
mark
wbr
progress
meter
canvas
command
details
ruby
img 嵌入图片
map 定义客户端分区响应图
area 表示一个用户客户端分区相应区的区域
audio 表示一个音频资源
video 表示一个视频资源
iframe 嵌入一个文档
embed 用插件在HTML中嵌入内容
canvas 生成一个动态的图形画布
meter 嵌入数值在许可值范围背景中的图形表示
object 在HTML文档中嵌入内容
param 表示将通过object元素传递给插件的参数
progress 嵌入目标进展或任务完成情况的图形表示
source 表示媒体资源
svg 表示结构化矢量内容
track 表示媒体的附加轨道（例如 字幕）