HTML5常用标签(2-5)绘图及时间标签

举报
且听风吟 发表于 2019/10/14 09:46:21 2019/10/14
【摘要】 本文介绍HTML5常用标签(2-5)绘图及时间标签。

绘图标签


svg

SVG 文件可通过以下标签嵌入 HTML 文档:<object> 或者 <iframe>

SVG的代码可以直接嵌入到HTML页面中,或可以直接链接到SVG文件。

页面中的SVG

image.png

使用object标签

<object> 标签是 HTML 4 的标准标签,被所有较新的浏览器支持。它的缺点是不允许使用脚本。

语法:

image.png

codebase 属性指向下载插件的 URL。

使用iframe标签

<iframe> 标签可工作在大部分的浏览器中。

语法:

image.png

canvas

<canvas> 标签定义图形,比如图表和其他图像。

<canvas> 标签只是图形容器,必须使用脚本来绘制图形。

语法

<canvas> 标签是 HTML 5 中的新标签。

属性值

属性描述
heightpixels设置 canvas 的高度。
widthpixels设置 canvas 的宽度。

实例

image.png


时间标签


time

<time> 标签用于定义日期或时间。

在任何主要浏览器中,time元素都不会呈现任何特殊内容。

属性

属性描述
datetimedatetime定义元素的日期和时间。
如果未定义该属性,则必须在元素的内容中规定日期或时间。

实例

image.png


每天00:00-08:00进入机器职守高防状态

时间现在

本文转载自异步社区。

原文链接:https://www.epubit.com/articleDetails?id=N33166c19-17ed-4181-b7e4-38cec92a3a5c

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。