HTML5初窥2之新元素

  介绍

这篇文章将为大家详细讲解有关HTML5初窥2之新元素,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

<强> 1。,块元素

HTML5定义了8个新的HTML语义(语义)元素,这些元素都是<强>块级元素。为了能让旧版本的浏览器正确显示这些元素,可以设置CSS的<强>显示属性为<强>:

头,,,,页脚,,,,导航,,,,,图{   ,显示:块;   }

<强> 2。,添加新元素

向HTML添加的新的元素,并为该元素定义样式,元素名为<强> & lt; myHero> <强>:

& lt; ! DOCTYPE  html>   & lt;才能html>   ,,   & lt;才能head>   ,,,& lt; title> Creating  an  HTML  Element   ,,,,& lt; script> document.createElement (“myHero") & lt;/script>   ,,,& lt; style>   ,,,myHero  {   ,,,,,显示:,块;   ,,,,,背景颜色:,# ddd;   ,,,,,填充:,50 px;   ,,,,,字体大小:,30 px;   ,,,},   ,,,& lt;/style>,   & lt;才能/head>   ,,   & lt;才能body>   ,,   & lt;才能h2>我的第一个标题& lt;/h2>   ,,   & lt;才能p>我的第一个段落。;/p>   ,,   & lt;才能myHero>我的第一个新元素& lt;/myHero>   ,,   & lt;才能/body>   & lt;才能/html>

<强> 3。,多媒体元素

<强>标签

<强>描述

& lt; audio>

定义音频内容

& lt; video>

定义视频(视频或电影者)

& lt; source>

定义多媒体资源& lt; video>和& lt; audio>

& lt; embed>

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

& lt; track>

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


4。,<强>画布元强素

& lt; canvas>

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

<强>
5。,新表单元素

<强>标签

<强>描述

& lt; datalist>

定义选项列表。请与输入元素配合使用该元素,来定义输入可能的值。

& lt; keygen>

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

& lt; output>

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

<强>
6。,新的语义和结构元素

<强>标签

<强>描述

& lt; article>

定义页面的侧边栏内容

& lt; aside>

定义页面内容之外的内容。

& lt; bdi>

允许您设置一段文本,使其脱离其父元素的文本方向设置。

& lt; command>

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

& lt; details>

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

& lt; dialog>

定义对话框,比如提示框

& lt; summary>

标签包含细节元素的标题

& lt; figure>

规定独立的流内容(图像,图,表照片,代码等等)。

& lt; figcaption>

定义& lt; figure>元素的标题

& lt; footer>

定义部分或文档的页脚。

& lt; header>

定义了文档的头部区域

& lt; mark>

定义带有记号的文本。

& lt; meter>

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

& lt; nav>

定义运行中的进度(进程)。

& lt; progress>

定义任何类型的任务的进度。

& lt; ruby>

定义ruby注释(中文注音或字符)。

& lt; rt>

定义字符(中文注音或字符)的解释或发音。

& lt; rp>

在ruby注释中使用,定义不支持ruby元素的浏览器所显示的内容。

& lt; section>

定义文档中的节(部分,区段)。

& lt; time>

定义日期或时间。

& lt; wbr>

规定在文本中的何处适合添加换行符。

<强> 7。,已移除的元素

在HTML5中不再使用,已经被删除。

·,,,,& lt; acronym>   ·,,,,& lt; applet>   ·,,,,& lt; basefont>   ·,,,,& lt; big>   ·,,,,& lt; center>   ·,,,,& lt; dir>   ·,,,,& lt; font>   ·,,,,& lt; frame>   ·,,,,& lt; frameset>   ·,,,,& lt; noframes>   ·,,,,& lt; strike>   ·,,,,& lt; tt>

关于“HTML5初窥2之新元素”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。

HTML5初窥2之新元素