首页 > 代码库 > WEB前端开发学习----8. Html5一些新增标签
WEB前端开发学习----8. Html5一些新增标签
先看一张图
明显看出Html5的页面布局方式要比html4.0 div+css传统布局模式简洁许多,同时对搜索引擎更加友好。语义化标签的好处就不多说了。
说几个有意思的新增标签:
<meter></meter> 显示一个测量计,可用于温度,气压等
meter演示
<progress><progress/> 显示一个进度条,配合js可以显示动态加载效果。用于加载进度,下载进度等。
progress演示
<details></details>只有chrome支持。配合<summary></summary>和<dd></dd><dt></dt>等可以替代js效果。
details演示
<mark></mark>可以高亮文字
mark演示
<ruby></ruby>给生僻字注音。配合<rt></rt><rp></rp>使用,rt用来注音,rp用来定义当浏览器不支持 "ruby" 元素时显示的内容。
ruby演示
<figure> 标签规定独立的流内容(图像、图表、照片、代码等等),配合<figcaption></figcaption>给figure 添加标题
当然还有很多其他的新标签,比如canvas画布,audio,video媒体标签等等。
先记录这些,有时间回来补记。
WEB前端开发学习----8. Html5一些新增标签
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。