最新的Web开发教程

HTML5新元素


HTML5新元素

自1999年以来,HTML 4.01有了很大的变化。 如今,几个HTML 4.01已被弃用,这些元素已被删除或HTML5重新定义。

为了更好地处理当今的互联网应用,HTML5增加了很多新的元素和功能,如:图形渲染,多媒体内容,更好的网页结构,更好的形式处理,和几个API拖放元素,定位,包括Web应用程序缓存,存储,网络工作者,等等。


在HTML5中的新元素

下面是新的HTML5元素的列表,以及它们的用途的描述。


新的语义/结构元素

HTML5提供了更好的文档结构的新元素:

标签 描述
<article> 定义文档中的文章
<aside> 从页面内容定义内容一边
<bdi> 定义文本的一部分可能会从其他文字不同的方向进行格式化
<details> 定义的其他详细信息,用户可以查看或隐藏
<dialog> 定义对话框或窗口
<figcaption> 定义了一个标题为<figure>元件
<figure> 定义自包含的内容,比如插图,图表,图片,代码清单等。
<footer> 定义页脚的文档或节
<header> 定义了一个标头的文档或部
<main> 定义文档的主要内容
<mark> 定义标记或突出显示的文本
<menuitem>  定义用户可以从弹出菜单中调用命令/菜单项
<meter> 定义了一个已知的范围内的标量测量(a gauge)
<nav> 定义文档中的导航链接
<progress> 定义任务的进度
<rp> 定义如何在浏览器中显示,不支持ruby注解
<rt> 定义字符的解释/的发音(东亚版式)
<ruby> 定义ruby注释(for East Asian typography)
<section> 定义部分文档中
<summary> 定义了一个可见的标题为<details>元件
<time> 定义日期/时间
<wbr> 定义一个可能的断行

了解更多关于HTML5语义


新的表单元素

标签 描述
<datalist> 定义了用于输入控制预先定义的选项
<keygen> 定义了一个密钥对发电机磁场(for forms)
<output> 定义计算的结果

阅读所有关于新老表单元素HTML表单元素


新的输入类型

新的输入类型 新输入属性
  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week
  • autocomplete
  • autofocus
  • form
  • formaction
  • formenctype
  • formmethod
  • formnovalidate
  • formtarget
  • height and width
  • list
  • min and max
  • multiple
  • pattern (regexp)
  • placeholder
  • required
  • step

要详细了解新老输入类型的HTML输入类型

了解所有关于中输入属性HTML输入属性


HTML5 - 新的属性语法

HTML5允许属性四种不同的语法。

该实施例表明在使用的不同语法<input>标签:

类型
<input type="text" value="John" disabled >
非上市 <input type="text" value=John >
双引号 <input type="text" value="John Doe" >
单引号 <input type="text" value='John Doe' >

在HTML5中,可以使用所有四个语法,这取决于什么是需要的属性。


HTML5图形

标签 描述
<canvas> 定义使用JavaScript图形绘制
<svg> 定义使用SVG图形绘制

了解更多关于HTML5的画布

了解更多关于HTML5 SVG


新媒体元素

标签 描述
<audio> 定义声音或音乐内容
<embed> 定义容器外部应用程序(like plug-ins)
<source> 定义源<video><audio>
<track> 定义轨道为<video><audio>
<video> 定义视频或电影内容

了解更多关于HTML5视频

了解更多关于HTML5音频