一、h5与h4有何不同 1、声明：每个浏览器的渲染方式不一样（css样式、html标签、js） 声明的作用是写出两种模式：W3C标准规范、浏览器厂商 一下两行代码为重点
<!doctype html> <meta charset="utf-8">2、新增了各种标签 header 页面的头部或者某个板块的头部
footer 页面的底部或者板块的底部
nav 导航 嵌套比较松散
hgroup 用来放标题的盒子
section 用来划分区域 划分不同的章节，例如网页左边的内容
article 呈现一篇文章 主体
aside 和主体相关的附属信息 ，例如网页右边的广告
figure 用于对元素进行组合，一般是图片或者视频 figcaption figure子元素，对figure进行解释说明 作用：
<figure> <img src="1.jpg"/> <figcaption>这是一号店的logo</figcaption> </figure>结果： 会在图片下显示他的解释说明
time 定义时间
datalist 和表单相关联 或ajax实现 如：
<details open> <summary>打开</summary> <p>我是打开了！</p> <p>我是打开了！</p> <p>我是打开了！</p> <p>我是打开了！</p> <option>我也打开了！</option> <option>我也打开了！</option> </details>结果 犹如下拉，加了open是设置为直接显示下拉，点击可收回
dialog 对话标签 如：
<dialog open> <dt>小明</dt> <dd>在吗</dd> <dt>小红/dt> <dd>在</dd> <dialog>结果是会犹如这样 小明： 在吗 小红 在
address 定义文章或作者的详细信息，把其中的文字显示斜体
mark 标记 默认为字体黄色背景
<p>我是<mark>作者</mark></p>keygen 公钥
progress 进度条 如：实现进度条自动增加
<progress max="200" value="0" id="pro"></progress> <script> var pro = document.getElementById("pro"); setInterval(function(){ pro.value +=1; },100); </script>meter 温度计等等
//低于最小与高于最大与正常，分别进度条三种颜色 <meter min="30“max="40" value="39" low="30" high="38"></meter>menu 重新定义用户界面的菜单，配合commond或者menuitem使用 如：
//点击右键的时候，右键菜单栏会有增加一个右键菜单的选项 <span contextmenu="cont">右键我试试</span> <menu type="context" id="cont" > <menuitem label="右键菜单" icon="https://www.baidu.com/img/bd_logo1.png" onclick="alert('玄武真会演戏！')"/> </menu>ruby 在头顶显示拼音
<ruby>炫<rp>(</rp><rt>xuan</rt><rp>)</rp></ruby>