html5新增标签都有哪些

html5新增标签都有哪些,第1张

html5新增标签大致如下:

<canvas>新元素

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

新多媒体元素

<audio>   定义音频内容  

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

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

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

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

新表单元素

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

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

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

新的语义和结构元素

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

初学者建议多访问下菜鸟教程:网页链接,都是比较全面的基础知识,可以看做编程词典,即使老司机也经常去查一些资料。

HTML5中新增标签较多,下面说几个常见的

<article>

定义外部的内容,外部内容可以是来自一个外部的新闻提供者的一篇新的文章,或者来自 blog 的文本,或者是来自论坛的文本。亦或是来自其他外部源内容。

<aside>

定义 article 以外的内容。aside 的内容应该与 article 的内容相关。

<audio>

定义声音,比如音乐或其他音频流。

<canvas>

定义图形,比如图表和其他图像。

<command>

定义命令按钮,比如单选按钮、复选框或按钮。

<datalist>

定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。datalist 及其选项不会被想显示出来,它仅仅是合法的输入值列表。请使用 input 元素的 list 属性来绑定 datalist。

<details>

用于描述文档或文档某个部分的细节。与

<summary>标签配合使用可以为 details 定义标题。标题是可见的,用户点击标题时,会显示出 details。定义嵌入的内容,比如插件。

<figure>

定义媒介内容的分组,以及它们的标题。用于对元素进行组合。

<figcaption>

定义 figure 元素的标题。”figcaption” 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。

<footer>

定义 section 或 document 的页脚。

<header>

定义文档的页眉(介绍信息)。

<hgroup>

定义有关文档中的 section 的信息。用于对网页或区段(section)的标题进行组合。

<keygen>

定义生成密钥。

<mark>

定义带有记号的文本。请在需要突出显示文本时使用 <m>标签。

<meter>

定义度量衡。仅用于已知最大和最小值的度量。

<nav>

定义导航链接的部分。

<output>

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

<progress>

定义任何类型的任务的进度。可以使用 <progress>标签来显示 JavaScript 中耗费时间的函数的进度。

新增的结构标签:

1、header元素

表示页面中一个区块或真个页面的标题。

2、内hgroup元素

表示对真个页面或页面中的容一个内容区块的标题进行组合。

3、article元素

表示页面中一块与上下文不相关的独立内容。比如一篇文章。

4、aside元素

表示article元素内容之外的、与article元素内容相关的辅助信息。

5、footer元素

表示整个页面或页面中一个内容区块的脚注。一般来说,他会包含创作者的姓名、创作日期以及创作者的联系信息。

HTML5新规则:

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。 减少对外部插件的需求(比如 Flash),更优秀的错误处理,更多取代脚本的标记,HTML5 应该独立于设备开发进程应对公众透明

HTML5 新特性:

新的特殊内容元素,比如 article、footer等,新的表单控件,比如 calendar、date、time、email、url、search;用于媒介回放的 video 和 audio 元素;用于绘画的 canvas 元素

对本地离线存储的更好的支持。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8325754.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存