HTML5新增标签使用方法

<header style="text-align: center; color: blue;">欢迎来到Html5的学习之路，我是header标签。</header>

<input type="text" list="phone"><datalist id="phone">    <option></option>    <option>IPhone</option>    <option>华为 </option>    <option>小米 </option>    <option>三星</option></datalist>    <font color="red">这里我发现了两者一个不同之处在于，datalist只有在输入框为空的时候才会有自己定义下拉的内容!</font><br/>

<select><option>IPhone</option><option>华为 </option><option>小米 </option><option>三星</option></select>------------------------<br><br><br>

<details><summary>这是一个detail标签，下面就是他的使用方法</summary><p>detail标签是什么？</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记（深入）</a>”；</p><p>detail标签有什么作用？</p><p>detail标签能干什么？</p><p>detail标签我改怎么用它？</p></details><br>detail标签常与sunmmary标签用在一起。比如这个标签是高亮标签<mark>mark</mark>比重不一样。<br><br>

<menu>    <li>西游记</li><li>水浒传</li><li>红楼梦</li><li>三国演义</li></menu><br><br>

<mark>progress</mark><progress value="5" max="10">value=5 max=10</progress><br><audio src="" controls="controls" autoplay="autoplay" loop="loop"></audio><footer>我是底部footer标签</footer>