HTML5 新元素

  • HTML5新的语义/结构元素

    HTML5为更好的文档结构提供了新元素:
    元素 描述
    <article> 定义文档中的一篇文章。
    <aside> 除了页面内容之外定义的内容。
    <bdi> 隔离一部分文本,该文本可能以不同于其他文本的格式被格式化。
    <details> 定义用户可以查看或隐藏的附加细节。
    <dialog> 定义对话框或窗口。
    <figcaption> 为<figure>元素定义标题。
    <figure> 定义一块独立的内容。
    <footer> 为文档或小节定义页脚。
    <header> 为文档或小节定义页头。
    <main> 定义文档的主要内容。
    <mark> 定义被标记的/高亮的文本。
    <meter> 定义已知范围内的标量测量(量规)。
    <nav> 定义导航链接。
    <progress> 表示任务的进度条。
    <rp> 定义不支持Ruby注释的浏览器中显示的内容。
    <rt> 定义字符的解释/发音(用于东亚排版)。
    <ruby> 定义一个Ruby注释(用于东亚排版)。
    <section> 定义文档中的节。
    <summary> 为<details>元素定义一个可见的标题。
    <time> 定义日期/时间。
    <wbr> 定义一个可能的断线。
    阅读有关HTML5语义的更多信息。
  • HTML5新表单元素

    HTML5为表单添加的新元素:
    元素 描述
    <datalist> 指定输入控件的预定义选项列表。
    <output> 定义计算结果。
    阅读HTML表单元素中的所有新旧表单元素。
  • HTML5新的输入类型和属性

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

    HTML5允许四种不同的属性语法。此示例演示<input>标记中使用的不同语法:
    类型 例子
    空属性 <input type="text" value="Jim" disabled>
    属性值无引号 <input type="text" value=Jim>
    属性值双引号 <input type="text" value="Jim">
    属性值单引号 <input type="text" value='Jim'>
    在HTML5中,可以使用所有四种语法,具体取决于属性所需的内容。
  • HTML5图形

    HTML5对图形的支持能制作出炫丽的网页:
    元素 描述
    <canvas> 通过脚本(通常是JavaScript)即时绘制图形
    <svg> 绘制可缩放矢量图形
  • HTML5新的媒体元素

    HTML5对多媒体的支持有以下新的元素:
    元素 描述
    <audio> 定义声音内容。
    <embed> 定义外部(非HTML)应用程序的容器。
    <source> 为<video> 或者 <audio>元素定义媒体源。
    <track> 为<video> 或者 <audio>元素定义文本轨道。
    <video> 定义视频或电影。