新增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元素 |
提高页面的安全性 |
