HTML5新特性详解-优快云博客

本文详细介绍了HTML5中新增的一些重要元素，包括浮动框架iframe、摘要细节组件details、度量元素meter、时间元素time及高亮元素mark。通过实例演示了这些元素的应用场景和效果。

1.浮动框架iframe

2.摘要细节，信心的展开和收缩 details

3.度量元素，meter。时间元素，time。高亮元素，mark

	<h1>浮动框架iframe</h1>
		<p>
			<a href="index.html" target="window">案例一</a>
			<a href="new_file.html" target="window">案例二</a>
		</p>
		<iframe src="index.html" width="100px" height="100px" frameborder="0" name="window" scrolling="yes">这是浮动框架，如果显示这行字，表示您的浏览器不支持iframe</iframe>

<h1>摘要与细节（摘要与细节--将部分信息展开或收缩，只支持chrome）</h1>
		<details>
			<summary>发票信息</summary>
			<div>
				单位：<input/><br/>
				发票类型：
				<select>
					<option>生活用品</option>
					<option>生活用品</option>
					<option>生活用品</option>
					<option>生活用品</option>
				</select>
			</div>
		</details>

	<h1>度量元素</h1>
		<div>
			电量<meter min="0" max="100" value="60" title="60%"></meter>
		</div>
		
		<h1>时间元素</h1>
		<time datetime="2002-12-3T3:00">2002的第<mark>一场雪</mark></time>
		
		<h1>高亮</h1>
		<p>2002的第<mark>一场雪</mark></p>