HTML5新特性总结归纳

  ·   HTML     浏览量:

新的语义/结构元素

语义元素清楚地向浏览器和开发者描述其意义。

标签 描述
<article> 定义文章。并且可以独立于网站其他内容进行阅读,如论坛、博客、新闻
<aside> 页面主内容之外的某些内容(比如侧栏)。aside 内容应该与周围内容相关
<details> 定义用户能够查看或隐藏的额外细节。
<summary> 定义 <details> 元素的可见标题。
<figure> 规定自包含内容,比如图示、图表、照片、代码清单等。
<figcaption> 定义 <figure> 元素的标题。
<header> 文档或节规定页眉,用作介绍性内容的容器,一个文档中可以有多个
<main> 规定文档的主内容。
<footer> 为文档或节规定页脚。页脚通常包含文档的作者、版权信息、使用条款链接、联系信息等等。可以在一个文档中使用多个 <footer> 元素
<mark> 定义重要的或强调的文本。
<nav> 导航链接集合,旨在定义大型的导航链接块
<section> 定义文档中的节,根据 W3C 的 HTML 文献:“节(section)是有主题的内容组,通常具有标题”。可以将网站首页划分为简介、内容、联系信息等节。
<time> 定义日期/时间。
<dialog> 定义对话框或窗口。
<menuitem> 定义用户能够从弹出菜单调用的命令/菜单项目。
<meter> 定义已知范围(尺度)内的标量测量。
<progress> 定义任务进度。
<rp> 定义在不支持 ruby 注释的浏览器中显示什么。
<rt> 定义关于字符的解释/发音(用于东亚字体)。
<ruby> 定义 ruby 注释(用于东亚字体)。
<section> 定义文档中的节。
<summary> 定义 <details> 元素的可见标题。
<time> 定义日期/时间。
<wbr> 定义可能的折行(line-break)。

如何正确使用article、section

<article>
  <header><h1>计算机各类语言介绍</h1></header>
  <p>本文列举了部分计算机语言的一些介绍</p>
  <section>
    <h2>JavaScript</h2>
    <p>js是一门……</p>
  </section>
  <section>
    <h2>HTML</h2>
    <p>HTML是一门……</p>
  </section>
  <footer>版权归**所有</footer>
</article>

新的表单元素

标签 描述
<datalist> 定义输入控件的预定义选项。在输入数据时看到预定义选项的下拉列表。<input> 元素的 list 属性必须引用 <datalist> 元素的 id 属性。
<keygen> 定义键对生成器字段(用于表单)。
<output> 定义计算结果。

新的输入类型、属性

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



收起 >>
HTML5新特性总结归纳