这篇文章将为大家详细讲解有关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之新元素”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看的到。