如何学习HTML5新增元素
时间：2016-12-06 14:48 已访问：225次
HTML5版本公布了，作为网页设计者第一时间了解及学习HTML5新元素可以大大提升自己的职场竞争力，那么在HTML5中新增的元素有哪些呢？下面就随着IT培训网小编一起来看看吧！
HTML5 新元素
自1999年以后HTML 4.01 已经改变了很多,今天，在HTML 4.01中的几个已经被废弃，这些元素在HTML5中已经被删除或重新定义。
为了更好地处理今天的互联网应用，HTML5添加了很多新元素及功能，比如: 图形的绘制，多媒体内容，更好的页面结构，更好的形式 处理，和几个api拖放元素，定位，包括网页 应用程序缓存，存储，网络工作者，等。
<canvas> 新元素
|
标签 |
描述 |
|
<canvas> |
标签定义图形，比如图表和其他图像。该标签基于 JavaScript 的绘图 API |
新表单元素
|
标签 |
描述 |
|
<datalist> |
定义选项列表。请与 input 元素配合使用该元素，来定义 input 可能的值。 |
|
<keygen> |
规定用于表单的密钥对生成器字段。 |
|
<output> |
定义不同类型的输出，比如脚本的输出。 |
新多媒体元素
|
标签 |
描述 |
|
<audio> |
定义音频内容 |
|
<video> |
定义视频（video 或者 movie） |
|
<source> |
定义多媒体资源 <video> 和 <audio> |
|
<embed> |
定义嵌入的内容，比如插件。 |
|
<track> |
为诸如 <video> 和 <audio> 元素之类的媒介规定外部文本轨道。 |
新的语义和结构元素
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> |
规定在文本中的何处适合添加换行符。 |
已移除的元素
以下的 HTML 4.01 元素在HTML5中已经被删除:
<acronym>
<basefont>
<frame>
<frameset>
<noframes>
<big>
<center>
<dir>
<applet>
<font>
<strike>
<tt>
对于HTML5新增元素就介绍到这里了，看看你自己做的网页是否还有以上已移除的元素吧，如果你还没有学习这方面知识，要趁早了，提升职场竞争力，制作漂亮的HTML页面，展现自己的才能就在HTML5上。