实训五 课外拓展训练5.2

一、页面文字素材：

HTML5 是如何起步的？

HTML5 是 W3C 与 WHATWG 合作的结果。

编者注：W3C 指 World Wide Web Consortium，万维网联盟。

编者注：WHATWG 指 Web Hypertext Application Technology Working Group。

WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。

为 HTML5 建立的一些规则：

新特性应该基于 HTML、CSS、DOM 以及 JavaScript。

减少对外部插件的需求（比如 Flash）

更优秀的错误处理

更多取代脚本的标记

HTML5 应该独立于设备

开发进程应对公众透明

二、代码：

<!--prj_5_2-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HTML5简介</title>
		<style type="text/css">
			p span{
				font-weight: bold;
				font-style: italic;
			}
			div{
				padding: 20px 10px;
			}
			p,ul{
				text-indent: 2em;
				line-height: 1.5em;
			}
			h2{
				font-weight: bold;
				background: #006633;
				padding: 10px;
				color: white;
			}
		</style>
	</head>
	<body>
		<div>
			<h2>HTML5是如何起步的？</h2>
			<p>HTML5 是 W3C 与 WHATWG 合作的结果。</p>
			<p class="note">
				<span>编者注：</span>W3C 指 World Wide Web Consortium，万维网联盟。
			</p>
			<p class="note">
				<span>编者注：</span>WHATWG 指 Web Hypertext Application Technology Working Group。
			</p>
			<p>
				WHATWG 致力于 web 表单和应用程序，而 W3C 专注于 XHTML 2.0。在 2006 年，双方决定进行合作，来创建一个新版本的 HTML。
			</p>
			<h2>为HTML5建立的一些规则：</h2>
			<ul>
				<li>新特性应该基于 HTML、CSS、DOM 以及 JavaScript。</li>
				<li>减少对外部插件的需求（比如 Flash）</li>
				<li>更优秀的错误处理</li>
				<li>更多取代脚本的标记</li>
				<li>HTML5 应该独立于设备</li>
				<li>开发进程应对公众透明</li>
			</ul>
		</div>
	</body>
</html>

三、页面效果截图：

 

更多推荐

web前端开发技术实验与实践（第三版）储久良编著 课外拓展训练5.2 HTML5是如何起步的