结构标签(块状元素) —— 有意义的div
<article> 标记定义一篇文章
<header> 标记定义一个页面或者一个区域的头部
<nav> 标记定义导航条链接
<section> 标记定义一个区域
<aside> 标记定义页面内容部分的侧边栏
<hgroup> 标记定义文件中一个区块的相关信息
<figure> 标记定义一组媒体内容以及他们的标题
<figcaption>标签定义figure 元素的标题
<footer> 标记定义一个页面或者一个区域的底部
<dialog> 标记定义一个对话框(会话框)类似微信
header/section/aside/article/footer
最好不要嵌套自己
多媒体标签 支持不使用插件的情况下可以操作媒体文件
<audio> 标记定义一个音频
<source> 标记定义视频音频资源
<canvas> 标记定义一个画布(用api,可以定义多种多样特效图片)
<embed> 标记定义外部的可以交互的内同或者插件,例如flash,矢量图片
例如:
<audio autoplay = "autoplay" loop = "-1" controls = "controls">
<source src = "/test.mp3" type = "audio/mpeg" (#解码为mp3#)>
</audio>
<video autoplay = "autoplay" loop = "-1" controls = "controls" width = "宽" height = "高">
<source src = "/test.mp4" type = "audio/mp4" (#解码为mp4#)>
</video>
<embed src = "test.swf" width = "宽" height = "高">
状态标签
<meter> 状态状态(事实状态显示:气压,气温)
<progress> 状态标签(任务过程:安装,加载)
例如:
<meter value="220" min="20" max="380" low="200" high="240" optimum="220"></meter><!-- 当前值为220 最低为20 最高为380 标准在200~240之间 最好的取值为220-->
<meter value="180" min="20" max="380" low="200" high="240" optimum="220"></meter>
<meter value="260" min="20" max="380" low="200" high="240" optimum="220"></meter>
<meter value="0.75">75%</meter>
<progress value="30" max="100"></progress>
<progress max="100"></progress>
列表标签
<details> 标记定义一个元素的详细内同,配合summary
例如:
<input placeholder="选择手机品牌" list="phtonlist" /><!--input的list 必须和datalist的id相同-->
<datalist id="phtonlist">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</datalist>
<details open = "open" (#写了open 则默认开启,否则默认关闭#)>
<summary>你要显示的标题</summary>
内容:。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
</details>
注释标签
<rt> 标记定义对ruby的注释内容文本
<rp> 告诉那些不支持ruby元素的浏览器如何去显示
例如:
<p>我们来<ruby>聊<rt>liao</rt></ruby>天</p>
<p>我们来<ruby>聊<rt><rp>(</rp>liao<rp>(</rp></rt></ruby>天</p> 对于不支持ruby的浏览器显示的是:我们来聊(liao)天
其他:
<output> 标记定义一些输出类型,计算表单结果配合oninput事件
<keygen> 标记定义表单里一个生成的键值(加密i洗脑洗传送)
<time> 标记定义一个日期/事件