1.结构标签
    article 定义一篇文章
    header 头部
    nav 定义导航链接
    section 标记定义一个区域
    aside 标记定义页面内容部分侧边栏
    hgroup 定义文件中一个区块的相关信息
    figure 定义一组媒体内容及标题
    figcaption figure元素标题
    footer 一个页面或者一个区域底部
    dialog 定义对话框,类似微信
    ps:标红部分配合使用
    **
    header/section/aside/article/footer不需要嵌套
    header/section/footer>aside/article/figure/hgroup/nav/div/figcaption

    2.多媒体标签
    video 视频
    audio 音频
    sojurce 定义媒体资源

    audio src=” “———autoplay=”autoplay”播放 loop=”-1”重复controls=”controls”控制台
    source标签
    audio autoplay=”autoplay”
    source src=”————-“ type=”audio/mpeg”

    canvas 标记定义图片
    embed 定义外部的可交互的内容或插件 如flash

    3.web应用标签
    状态标签
    meter 实时状态显示气压 气温
    progress 任务过程,加载安装
    例:meter value=”220 min=20 max=380 low=200 high=240 optimum=220”
    百分比:meter value=0.75>75%
    progress value=”30” max=100
    progress max=100加载状态
    4.列表标签
    datalist 为input标记定义一个下拉列表,配合option
    details 标记定义一个元素的详细内容,配合summary

    input placeholder=”请选择你喜欢的手机品牌”list=”phonelist”
    datalist id=phonelist
    option*5

    details open=”open”默认开着

    5.其他标签
    注释:ruby定义注释或音标

    我们来kuang
    rt对ruby注释文本内容
    rp不要放在rt标签内

    mark 黄色选中状态
    output type属性为number表示数值型配合oninput事件
    type属性为range表示范围为number表示数值型

    6.删除的标签
    纯表现的元素
    对可用性产生负面影响的元素
    产生混淆的元素

    7.重定义的标签
    粗体 没有传递重要信息的意思
    斜体

    描述 可以同details和figure使用,定义包含文本,dialog也可以使用
    标题 ——————————————————汇总细节

    不仅表示水平线还表示主题结束
    重新定义用户界面的菜单和配合command或者menuitem使用
    表示小字体,例如注释或法律条款
    表示重要性,而不是强调符号