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元素。


猜你喜欢
- 有一个优秀的库可以使用————demjson示范链接http
- 过往经验总结注:笔者写本文的目的不是完整细致地描述连接的全过程,而是记录当中遇到的现象、问题,及为什么会产生这个问题的分析。所以部分过程会省
- 目前,保护数据免受未授权用户的侵犯是系统管理员特别关心的问题。如果你现在用的是MySQL,就可以使用一些方便的功能来保护系统,来大大减少机密
- python3.4以上的版本中,是默认自带pip的。查看pip的方法下载安装好python后,进入命令行,输入pip -V,即可查看pyth
- 引言在 Linux 服务器上,磁盘空间的使用情况是一个非常重要的指标。如果服务器上的磁盘空间不足,可能会导致服务器崩溃,影响网站的正常运行。
- 我有一张这样的产品零件表:部分part_id part_type product_id-------------
- 本文实例讲述了Python PyInstaller库基本使用方法。分享给大家供大家参考,具体如下:概述将.py源码转换成无需源代码的可执行文
- 1.如果没有采用响应式布局,指定表格的宽度即可解决比如table{ width:1400px !important;}2.如果采用了响应式布
- 目录0 背景说明0.1 获取AccessToken0.2 数据库查询0.3 文件下载2. 简单的封装3. 简单测试4. 参考文档0 背景说明
- 基于 python django源码前期准备安装库:pip install django-haystackpip install whoos
- 一、设计范式问题: 什么是范式化设计,为什么需要反规范化设计 ?范式来自来自英文Normal From 。开发过程中要设计一个好的数据库逻辑
- 使用连接(JOIN)来代替子查询(Sub-Queries)MySQL从4.1开始支持SQL的子查询。这个技术可以使用SELECT语句来创建一
- 序列化是将对象的状态信息转换为可以存储或传输的形式的过程。在序列化期间,对象将其当前状态(存在内存中)写入到临时或持久性存储区(硬盘)。以后
- 对于一个多元函数,用最速下降法(又称梯度下降法)求其极小值的迭代格式为其中为负梯度方向,即最速下降方向,αkαk为搜索步长。一般情况下,最优
- python中的email模块可以方便的解析邮件,先上代码#-*- encoding: gb2312 -*-import osimport
- 方法对比:使用df[(df[“a”] > 3) & (df[“b&
- 1、IIS为一个死循的执行过程设定执行时间(缺省为90秒)超时事件:<%response.buffer=true%><BO
- 先看下object类中对__new__()方法的定义: class object: @staticm
- 前提是已设置ANDROID_HOME环境变量,使用aapt工具获取apk的信息,保存至脚本所在目录下的PackageInfo.txt文件中:
- 在执行iisapp.vbs时,可能会提示如下错误:Windows Script Component - file://C:WINDOWSsy