HTML5新增的结构标签

新增基本的结构标签

<figure></figure> 用于对元素进行组合。多用于图片与图片描述组合

<details> 标签用于描述文档或文档某个部分的细节

<details>   <summary>标题</summary>   <p>内容</p> </details>

<mark> </mark> 定义带有记号的文本，它会给你要突出显示的文本下加个背景色。

<meter> 标签定义度量衡。仅用于已知最大和最小值的度量

<progress> 标签定义运行中的进度（进程）

<datalist> 标签定义选项列表,与 input 元素配合使用该元素，来定义 input 可能的值

datalist 及其选项不会被显示出来，它仅仅是合法的输入值列表。

<video> 标签定义视频，比如电影片段或其他视频流

<video src="movie.mp4" controls> </video> 视频格式有mp4，ogg，webM

<audio> 标签定义声音，比如音乐或其他音频流

<audio src="someaudio.mp3" autoplay controls loop=“2” muted></audio> loop属性值为正数时，代表播放次数，为负数或不加属性值，代表无限播放

<canvas> </canvas> 标签

canvas只是个容器，你可以通过控制坐标在canvas上绘制图形。一般配合js使用能实现非常复杂的动画效果。

注意：其必须配合js在网页上绘制图像；画布是一个矩形区域，可以控制其每一个像素；拥有多种绘制路径、矩形、圆形。

HTML5新增的结构标签相关推荐

HTML5新增的结构元素和网页元素
1.什么是HTML5 HTML5是用于取代HTML和XHTML的标准版本新特性: 新的语义化标签,比如header.footer.nav 新的表单控件,比如email.url.search 用于绘画 ...
掌财社:对于html5新增与废弃标签的详细说明！
在技术的不断迭代和更替中会逐渐的淘汰比较不好的一下属性和标签,那么今天我们就来一同探讨有关于"对于html5新增与废弃标签的详细说明! "这方面的相关内容分享吧! 一.废弃的标签 ...
HTML5中新增的音频标签是,HTML5新增的音频标签、视频标签
我们所说的H5就是我们所说的HTML5中新增的语言标准一.音频标签在HTML5当中有一个叫做audio的标签,可以直接引入一段音频资源放到我们的网页当中格式: 降级的文字说明(当音频文件不能本浏 ...
HTML5新增了哪些标签
HTML5新增了哪些标签(来源网络) 标签标记意义及用法分析/示例属性/属性值/描述 <article> 定义独立的内容,如论坛帖子.报纸文章.博客条目.用户评论等内容. 支持HTML ...
HTML5新增语义化标签（HTML5）
HTML5新增语义化标签(HTML5) <!DOCTYPE html> <html lang="en"><head><meta chars ...
以下是html 5新增的标签是,HTML5新增了哪些标签？
HTML5新增了哪些标签? html5是html的最新版本,是14年由w3c完成标准制定.增强了,浏览器的原生功能,减少浏览器插件(eg:flash)的应用,提高用户体验满意度,让开发更加方便. ht ...
HTML5 新增的结构元素——能用不代表用对了
我们需要让标签语义化,清晰的结构,更好的 seo,利于特殊终端的阅读(无障碍),此时 html5 标签的作用就很明显了,并不是说能用就好.于是复习下内容并记录在博客上,顺便分享给大家,也方便自己以后查 ...
HTML5新增的video标签,HTML5中video标签的使用方法
HTML5中video标签的使用方法发布时间:2020-08-27 11:33:56 来源:亿速云阅读:100 作者:小新这篇文章将为大家详细讲解有关HTML5中video标签的使用方法,小编觉 ...
HTML5新增属性nofollow标签的应用场景
nofollow标签是HTML5新增的一个属性,用于告诉搜索引擎不要追踪特定的网页链接.减少垃圾对搜索引擎的排名影响.网站SEO优化nofollow标签的应用起到一定的作用. 网站Nofollow标签 ...

HTML5新增的结构标签

HTML5新增的结构标签相关推荐

最新文章

热门文章