网络编程
位置：首页>> 网络编程>> 网页设计>> HTML 5新增的元素（2）

HTML 5新增的元素（2）

作者：realazy　来源：realazy　发布时间：2007-10-29 12:39:00　

标签：html5,html,元素

行内（inline）的语义元素

m元素用来标记一些不是那么需要着重强调的文本。现在尚有争议，可能最终会改为mark.

time元素如其名，用来表达时间。它需要一个datetime的特性来标明机器能够认识的时间，如：


<time datetime="2008-08-08T20:08:08">2008年8月8日晚上8时8分8秒</tiem> 

meter元素表达特定范围内的数值。可用于薪水、百分比、分数等。比如：



很遗憾地告诉你，我只有<meter>150cm</meter> 

它还有6个特性来表达各方面的含义，比如：



<p>您的分数是：<meter value="88.7" min="0" max="100" low="65" high="96" optimum="100">B+</meter>.</p> 

还有一个progress，也是义如其名，用以表达进度：



目标完成度：<progress value="40" max="100">40％</progress> 


嵌入多媒体

新增video和audio元素。顾名思义，分别是用来插入视频和声音的。至于格式，交由浏览器实现，HTML再也不需要特别的代码去播放特定的格式。就像img一样，不管是png, jpg还是gif都可以显示。值得注意的是，它们可以包含内容。比如，可以把歌词放到某段歌曲中去：


<audio src="谁人伴你睡.mp3">
  <p>泪枯干</p>
  <p>难忍怎么委屈自已</p>
  <p>曾经有一刻悲与喜</p>
  ...
</audio>


交互性

HTML 5同时也叫Web Applications 1.0, 因此也进一步发展交互能力。这些标签就是为提高页面的交互体验而生：

  • details

  • datagrid

  • menu

  • command

details用来表示一段具体的内容，但是内容默认可能不显示，通过某种手段（如点击）与legend交互才显示出来。这跟现在各种通过JavaScript隐藏一段内容，在点击后才显示出来的做法有些类似。比如：


一句话记录生活中的点点滴滴，
<details>
  <legend>更多</legend>
  <p>交流与分享，拉近你和朋友，支持 MSN/GTalk/QQ、短信、手机 WAP</p>
</details>


它可以有一个open的特性，用来显示细节与否。

datagrid用来控制数据，可以由用户或者脚本来更新。

menuHTML 2就存在了，不过HTML 4把它废弃了。HTML 5废物利用，并在期内加上command元素。

参考：New elements in HTML 5

第一页 上一页 1
2
0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com