html5学习笔记13-HTML5 新元素

这篇具有很好参考价值的文章主要介绍了html5学习笔记13-HTML5 新元素。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

https://www.runoob.com/html/html5-new-element.html

<canvas>	标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API

新多媒体元素

<audio>	定义音频内容
<video>	定义视频(video 或者 movie)
<source>	定义多媒体资源 <video><audio>
<embed>	定义嵌入的内容,比如插件。
<track>	为诸如 <video><audio> 元素之类的媒介规定外部文本轨道。

新表单元素

<datalist>	定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
<keygen>	规定用于表单的密钥对生成器字段。
<output>	定义不同类型的输出,比如脚本的输出。

新的语义和结构元素

<article>	定义页面独立的内容区域。
<aside>	定义页面的侧边栏内容。
<bdi>	允许您设置一段文本,使其脱离其父元素的文本方向设置。
<command>	定义命令按钮,比如单选按钮、复选框或按钮
<details>	用于描述文档或文档某个部分的细节
<dialog>	定义对话框,比如提示框
<summary>	标签包含 details 元素的标题
<figure>	规定独立的流内容(图像、图表、照片、代码等等)。
<figcaption>	定义 <figure> 元素的标题
<footer>	定义 section 或 document 的页脚。
<header>	定义了文档的头部区域
<mark>	定义带有记号的文本。
<meter>	定义度量衡。仅用于已知最大和最小值的度量。
<nav>	定义导航链接的部分。
<progress>	定义任何类型的任务的进度。
<ruby>	定义 ruby 注释(中文注音或字符)。
<rt>	定义字符(中文注音或字符)的解释或发音。
<rp>	在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。
<section>	定义文档中的节(section、区段)。
<time>	定义日期或时间。
<wbr>	规定在文本中的何处适合添加换行符。

移除的元素,HTML 4.01 元素在HTML5中已经被删除:文章来源地址https://www.toymoban.com/news/detail-514624.html

<acronym>
<applet>
<basefont>
<big>
<center>
<dir>
<font>
<frame>
<frameset>
<noframes>
<strike>
<tt>

到了这里,关于html5学习笔记13-HTML5 新元素的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • html学习笔记12-HTML5、浏览器兼容性问题

    https://www.runoob.com/html/html5-intro.html HTML5是HTML最新的修订版本,2014年10月由万维网联盟(W3C)完成标准制定。 HTML5的设计目的是为了在移动设备上支持多媒体。 HTML5 中的一些有趣的新特性: 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持

    2024年02月11日
    浏览(33)
  • HTML5中Canvas学习笔记:Canvas

    目录 一、HTML中Canvas画图strokeStyle 和 fillStyle 的区别是什么? 二、如何设置一幅canvas图中某个颜色透明? 三、H5 canvas中strokeRect参数如果是小数,如何处理? 四、H5 Canvas中如何画圆角矩形框? 五、js中取某个颜色的相反颜色如何取,比如黑色对白色 六、如何通过js编程设改变

    2024年02月14日
    浏览(30)
  • HTML5新增元素

    HTML5新增了许多元素,其中新增的结构元素大大增加了网页结构设计的效率。同时为了体现表现与类容分离,这些元素仅有字面意思,还得靠CSS来设置样式。 定义文档的头部区域,一般包含logo,搜索框等信息 定义文档的末尾版权信息显示部分。一般包含作者、联系方式等。

    2024年04月13日
    浏览(23)
  • HTML5 新元素

    标签 描述 audio 定义音频内容 video 定义视频(video 或者 movie) source 定义多媒体资源 video 和 audio embed 定义嵌入的内容,比如插件。 track 为诸如 video 和 audio 元素之类的媒介规定外部文本轨道。 标签 描述 datalist 定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能

    2024年02月01日
    浏览(56)
  • html5学习笔记17-拖放、地理定位、视频、音频......

    拖放 https://www.runoob.com/html/html5-draganddrop.html 地理定位 https://www.runoob.com/html/html5-geolocation.html 视频 https://www.runoob.com/html/html5-video.html 音频 https://www.runoob.com/html/html5-audio.html Input 类型 https://www.runoob.com/html/html5-form-input-types.html 通过input节点的type属性控制交互类型。 type=\\\"text\\\"为文

    2024年02月11日
    浏览(32)
  • HTML5的语义元素

    HTML5语义元素: HTML5提供新的语义元素来明确一个web页面的不同部分:head、nav、section、article、aside、figcation、figure、footer。 1)、 section元素: section标签定义文档中的节,比如章节、页眉、页脚或文档中的其他部分。示例: section h1wsx/h1

    2024年02月05日
    浏览(52)
  • html5学习笔记15-内联SVG 可缩放矢量图形

    https://www.runoob.com/html/html5-svg.html SVG 图形的容器。SVG 有多种绘制路径、框、圆、文本和图形图像的方法。 可伸缩矢量图形 (Scalable Vector Graphics) SVG 用于定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有损失 SVG 是万

    2024年02月11日
    浏览(36)
  • HTML5中video元素详解

    https://blog.csdn.net/zhuchunyan_aijia/article/details/52277846 属性 说明 controls 显示标准的 HTML5 视频/音频播放器控制条、控制按钮。 autoplay 让文件自动播放。 loop 让文件循环播放。 preload 属性是用来缓存大体积文件的。它有三个可选值:“none” 不缓存、“auto” 缓存、“metadata” 只缓存

    2024年02月11日
    浏览(48)
  • HTML5 中新增了哪些表单元素?

    前端入门之旅:探索Web开发的奇妙世界 欢迎来到前端入门之旅!感兴趣的可以订阅本专栏哦!这个专栏是为那些对Web开发感兴趣、刚刚踏入前端领域的朋友们量身打造的。无论你是完全的新手还是有一些基础的开发者,这里都将为你提供一个系统而又亲切的学习平台。在这个

    2024年02月13日
    浏览(42)
  • HTML5、JS实现元素拖拽排序

    先介绍一下html5的drag属性,拖放(Drag 和 drop)是 HTML5 标准的组成部分。想要启用drag,只要给元素加上draggable=\\\"true\\\"就行了(Safari 5.1.2除外)。 拖动事件 事件分为两类,当前拖动的元素上的事件,以及要放置的位置接收到的事件。 一.发生在拖动元素上的事件: 事件名 触发时

    2024年02月11日
    浏览(42)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包