新增html元素的使用

今天学习HTML5中新增元素的使用

(Ⅰ)新增主体结构元素

Section元素：用于对网站或应用程序中的内容进行分块。

<section>

<h1></h1>

<p></p>

</section>

Article标签定义外部内容。

<article>

</article>

Time元素的使用

<p>

<time>

</time></p>

<p>

<time datetime=>

</time>

</p>

Ⅱ（）新增非主体元素的使用

Header：是一种具有引导和导航作用的元素，通常用来放置整个页面或者页面内一个内容快标题。也包含表格，表单和相关logo图片。

<p id=”p1”>

<time datetime=”2013-3-13>

今天是2013年3月17日

</time>

</p>

<p id=”p1”>

<time datetime=”2013-3-13T17:00>

今天是2013年3月17日晚上五点

</time>

</p>

Footer元素的使用

<footer>

<ul>

<li></li>

<li></li>

</ul>

</time>

Address元素的使用

用来在文档中呈现联系信息， 包括文档作者和文档维护者的名字。以及他们的网站链接，电子邮件地址，电话号码等。

<address>

<a href=”….”></a>

</address>

Ⅲ（）新增其他元素的使用

Mark元素的使用。用来对网页中的文字进行渲染，是文字更突出。

<p>…<mark></mark>…</p>

Progress元素的使用，表示运行的进程。可以使用progress显示javascript中耗费的时间函数进程。还可以表示下载的百分比。

对象下载进度

<progress>

<span id=”obgprogress”>76</span>%

</prgoress>

Command元素的使用

<menu>

<command onclick=”alert(‘hello world!’)”>click me!</command>

</menu>

其他属性的使用：

属性	隶属性	意义
Reversed	Ol元素	制定列表倒序显示
Charset	Meta元素	为文档字符编码提供一种良好的方式
Type	Menu元素	让菜单可以以上下文菜单，工具条与列表菜单三种形式出现
Lable	Menu元素	为菜单定义一个可见的标注
Scoped	Style元素	用来规定样式的作用范围，比如只对某个数起作用
Async	Script元素	定义脚本是否异步执行
Manifest	Html元素	开发离线web应用程序时与api结合使用
Sand,srcdoc,seamless	Iframe元素	提高页面的安全性