html5标签

html5 里面的新标签 （语义化明确）
定义独立内容：< article > 我是article< /article >
定义侧边栏< aside > 定义侧边栏< /aside >
定义文本:( 脱离父元素的设置方向)< bdi > 脱离元素的设置方向< /bdi >
< command >< /command> 标签可以定义用户可能调用的命令（比如单选按钮、复选框或按钮）。
弹框< dialog >< /dialog >（< dialog >默认是不出现的，隐藏的，除非设置open属性）

< dialog open>我是弹框< /dialog >

< details >标签规定了用户可见的或者隐藏的需求的补充细节。用来供用户开启关闭的交互式控件。任何形式的内容都能被放在 < details > 标签里边。
< details>< /details> 默认内容不可见，点击三角符就可以看到内容

< details>111< /details>

< details > 元素的内容对用户是不可见的，除非设置了 open 属性。

< details open >111</details>   

< summary > 标签为 < details > 元素定义一个可见的标题。 当用户点击标题时会显示出详细信息。< summary > 元素应该是 < details > 元素的第一个子元素。

< figure > 标签规定独立的流内容（图像、图表、照片、代码等等）。
< figure > 元素的内容应该与主内容相关，同时元素的位置相对于主内容是独立的。如果被删除，则不应对文档流产生影响。
< figcaption > 元素被用来为 < figure > 元素定义标题。

<figure>
        <figcaption>图片</figcaption>
        <img src="https://ss0.baidu.com/73t1bjeh1BF3odCf/it/u=235244198,430032685&fm=85&s=2551AB6A9AE19F7C0EC8C8130100C082"
             alt=""/>
    </figure>

< header>< /header> 是上标题
< footer >< /footer>是下标题
< mark>< /mark> 标签定义带有记号的文本。

请在需要突出显示文本时使用 < mark > 标签。

<p>你的<mark>钢铁侠</mark></p>

标签定义度量衡。仅用于已知最大和最小值的度量。

<meter value="50" max="100"></meter>

< nav> 标签定义导航链接的部分。并不是所有的 HTML 文档都要使用到 < nav > 元素。< nav > 元素只是作为标注一个导航链接的区域。在不同设备上（手机或者PC）可以制定导航链接是否显示，以适应不同屏幕的需求。

<nav>
<a href="/html/">HTML</a> |
<a href="/css/">CSS</a> |
<a href="/js/">JavaScript</a> |
<a href="/jquery/">jQuery</a>
</nav>

字上面的空白处就是导航连接的部分。
< progress >进度条

<progress value="50" max="100"></progress>

定义内容区块：< section>我这里是一块内容< /section>
声明时间的< time>< /time>

< time>
    2019-05-02
</time>-->

< web >标签类似折行 在网页伸缩的时候按照单词来换行

< input >也可以做进度条

<input type="range"  min="1" max="10">