解决办法如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>HTML5 Examples Page</title>
<style>
<!--这里是CSS代码-->
</style>
</head>
<body>
<article>
<header>标题</header>
<section>正文</section>
<footer>文章相关信息</footer>
</article>
<script>
<!--这里是JavaScript代码-->
</script>
</body>
</html>
应用须知
它可能会消灭Flash
许多业内人士表示，HTML将会最终代替多媒体框架，如Adobe的Flash，但是短期看来还不是时候。HTML5估计到2014年才能逐步成熟，而且将现有应用Flash的网络开发完全转向HTML5还需要一段时间。尽管HTML5提出了许多优点，但是还可能有某些应用更适合于更灵活的框架。一些主流的大公司都逐步转向使用HTML5，谷歌于2015年2月26日开始自动将Flash广告转换为HTML5格式，这可能会加速HTML5替代Flash的进程，但是这个转变的过程也不是一蹴而就的。
它新并不表示它安全
网络应用开发工程师们在学习新技术的同时需要时刻记住网络安全。HTML5所构建的网页和其他语言编写的网页一样容易泄露一些敏感数据。欧洲网络信息安全机构（European Network and Information Security Agency，ENISA）已经警告说HTML5可能并不够安全。
它承诺带来一个无缝的网络
HTML5会带来一个统一的网络，无论是笔记本，台式机，还是智能手机都应该很方便的浏览基于HTML5的网站。因此在设计网站的时候，开发者需要重新考虑用户体验，网站浏览，网站结构等因素使得这个网站对任何硬件设备都通用。
它会变成企业的SaaS平台
一些重量级的企业，如微软，Salesforce，SAP Sybase正在开发HTML5的开发工具。如果你正在构建企业应用，很可能不久的将来你就要用到HTML5。所以当构建公司的SaaS战略迁移的时候也不要忘记HTML5。
它将会变得很移动
几乎所有人都热衷于开发独立的移动应用，但是HTML5很可能会是独立移动应用的终结者。由于HTML5将应用的功能直接加入其内核，这很可能引导移动技术潮流重新回到浏览器时代。HTML5允许开发者在（移动）浏览器内开发应用，所以如果你正在制定一项桌面或者移动应用的长期发展策略，你可能需要考虑这一点。
制作长方形框架和正方形框架可以使用HTML和CSS语言来实现。下面是制作长方形框架和正方形框架的示例代码：制作长方形框架
php
Copy code
<!DOCTYPE html>
<html>
<head>
<style>
/* 定义长方形框架的样式 */
.rectangle {
width: 200px
height: 100px
border: 2px solid black
}
</style>
</head>
<body>
<!-- 使用div元素创建长方形框架 -->
<div class="rectangle"></div>
</body>
</html>
在上面的代码中，我们定义了一个名为.rectangle的CSS样式类，其中width和height属性分别指定了长方形的宽度和高度，border属性指定了边框的样式。然后使用<div>元素创建一个长方形框架，将.rectangle样式应用到该元素即可。
制作正方形框架
php
Copy code
<!DOCTYPE html>
<html>
<head>
<style>
/* 定义正方形框架的样式 */
.square {
width: 100px
height: 100px
border: 2px solid black
}
</style>
</head>
<body>
<!-- 使用div元素创建正方形框架 -->
<div class="square"></div>
</body>
</html>
在上面的代码中，我们同样定义了一个名为.square的CSS样式类，其中width和height属性都设置为100px，从而创建一个正方形的框架。然后使用<div>元素创建一个正方形框架，将.square样式应用到该元素即可。
需要注意的是，上述示例代码仅用于演示如何制作长方形框架和正方形框架，实际应用中可能需要根据实际情况进行修改和调整
首先注意一点，在<frameset></frameset>所在的文件中不需要写<body>体，否则会不显示网页的分页。做一个有顶，有左侧网页，有右侧网页的框架集网页应该怎么做？
先把各个小的分散页面做好
all2.html
top.html
left.html
right1.html
right2.html
来看每个文件的具体代码：
all2.html
<!--这里开始是整体框架结构，为上下结构-->
<frameset rows="20%,*"
frameborder=0>
<frame src="top.html" noresize scrolling=no
/>
<!--这里开始是另外一个框架集结构为左右结构-->
<frameset cols="20%,*">
<frame src="left.html" noresize
/>
<!--frame元素中有一个name属性，相当于给frame取名，以方便识别位置-->
<frame src="right1.html" name="right"
/>
</frameset>
</frameset>
top.html
这里是顶部内容
left.html
<a href="right1.html"
target="right">青花瓷1</a><br
/>
<a
href="right2.html"
target="right">青花瓷2</a><br
/>
right1.html
这里是right1.html的内容
right2.html
这里是right2.html的内容
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）