今天学习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元素

提高页面的安全性

最新文章

  1. C++学习笔记30:模板与型式参数化
  2. 前端优化-Img与background
  3. 模块度与Louvain社区发现算法
  4. [NOIP2012] 普及组
  5. BestCoder Round #61 1002 Game
  6. 使用 Redis 实现分布式系统轻量级协调技术
  7. Winform TreeView 节点拖动
  8. WebFormJS注册位置
  9. Portal:十大免费建站程序推荐
  10. 【C++】计算所有小于N的勾股数组合,可以写入txt文件保存,每组占一行。
  11. MySQL 缓存 Query Cache
  12. 域用户允许更改IP地址
  13. NET MVC权限验证
  14. 可视化之Earth NullSchool
  15. NIO相关基础篇一
  16. Ubuntu16.04安装yum的一种方式
  17. 初学c# -- c#创建开机自启服调用外部交互式exe文件
  18. git技巧
  19. vue的异步组件按需加载
  20. Django的auth【认证】模块简介

热门文章

  1. poj 1543 Perfect Cubes(注意剪枝)
  2. HDU 4597 Play Game (DP,记忆化搜索,博弈)
  3. AppServ 配置还是成功了
  4. MVC神韵---你想在哪解脱!(十)
  5. Python if..else
  6. angurlajs 如何绑定Jquery
  7. Maven最佳实践:管理依赖
  8. redis list 使用
  9. android访问webservices
  10. 华为 真机当作测试机 打开log开关