Html5新增的标签有哪些

如题所述

HTML5新增的元素如下所示,希望对你有帮助,望采纳!


新的语义和结构元素:

<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>    规定在文本中的何处适合添加换行符。

新表单元素:   

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

<keygen>    规定用于表单的密钥对生成器字段。    

<output>    定义不同类型的输出,比如脚本的输出。    


新多媒体元素:

<audio>    定义音频内容    

<video>    定义视频(video 或者 movie)    

<source>    定义多媒体资源 <video> 和 <audio>    

<embed>    定义嵌入的内容,比如插件。    

<track>    为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。    


<canvas> 新元素:

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

温馨提示:内容为网友见解,仅供参考
第1个回答  2020-11-15

如果大家想看更多的web前端视频教程,点击这里:https://www.bjsxt.com/html-h5-php.html,海量免费视频教程随你挑!

html5新增的标签有什么?
新增的结构标签:1、header元素 表示页面中一个区块或真个页面的标题。2、内hgroup元素 表示对真个页面或页面中的容一个内容区块的标题进行组合。3、article元素 表示页面中一块与上下文不相关的独立内容。比如一篇文章。4、aside元素 表示article元素内容之外的、与article元素内容相关的辅助信息。5、footer...

html5新增标签有哪些
html5新增标签有这几个:<header><nav><section><article><aside><main><footer><figure><figcaption><video>等。1、<header>:定义文档或区块的页眉,通常包含标题、导航和其他相关信息。2、<nav>:定义导航链接的容器,用于包裹网站的导航部分。3、<section>:定义文档的一个独立节或区块,用于组织...

html5新增标签有哪些?
·footer:页面底部。多媒体标签:·video:支持视频文件直接播放,兼容多种格式如WEBM、MP4、OGG。·audio:实现音频文件直接播放,兼容格式如MP3、OGG、WAV。·source:定义媒介。表单标签:·datalist:配合<input>标签定义下拉列表。以上内容概述了HTML5新增标签的基本用法,旨在提供网页结构、多媒体展示与...

html5新增和废除的标签有哪些
frameset、frame、noframes。HTML5中不支持frame框架,只支持iframe框架,或者用服务器方创建的由多个页面组成的符合页面的形式,删除以上这三个标签。3、只有部分浏览器支持的元素,applet、bgsound、blink、marquee等标签。4、其他被废除的元素。废除rb,树勇ruby替代。废除acronym使用abbr替代。废除dir使用ul...

html与html5的区别
1、语义化标签:HTML5新增了一些语义化标签,例如header、section、article、aside等,这些标签可以帮助开发者更好地表达页面的结构和内容。2、表单验证:HTML5新增了一些表单验证功能,例如required、pattern、minlength等,这些功能可以帮助开发者更好地验证用户提交的表单数据。3、Canvas元素:HTML5新增了...

html5新增标签都有哪些
html5新增标签大致如下:<canvas> 新元素 <canvas> 标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API 新多媒体元素 <audio> 定义音频内容 <video> 定义视频(video 或者 movie)<source> 定义多媒体资源 <video> 和 <audio> <embed> 定义嵌入的内容,比如插件。<...

HTML5比起以前的html是不是就增加了canva标签,对js应用增加了?那是不...
HTML5新增标签不止canvas,主要增加了以下标签。<article>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。HTML5:<article><\/article> HTML4:<div><\/div> <aside>标签定义 article 以外的内容。aside 的内容...

html5有哪些新特性,移除了那些元素?如何处理html5新标签的浏览器兼容问...
新增表单元素:email、month、number、range、search、tel、url、week、time、date、datatime、datetime-local 新增表单属性:placeholder、required、autofocus、autocomplete、maxlength、novalidate、max、min、step、multipe、disabled、checked 新增的视频和音频标签:<video><\/video>、<audio><\/audio> canvas...

html4和html5的区别
1、语法简化 HTML、XHTML的DOCTYPE、html、meta、script等标签,在HTML5中有大幅度的简化。2、统一网页内嵌多媒体语法 以前,在网页中播放多媒体时,需要使用ActiveX或Plug-in的方式来完成。有了HTML5之后,使用<video>或<audio>标签播放视频和音频,不需要在安装其他的什么来播放了。3、新增了语义标签 ...

Html5新增的标签有哪些
HTML5中新增标签较多,下面说几个常见的 <article> 定义外部的内容,外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。<aside> 定义 article 以外的内容。aside 的内容应该与 article 的内容相关。<audio> 定义声音,比如...

相似回答