2007-10-09

避免在网站设计中使用框架页

来源: 开发者在线作者: 评论 0 条

框架页还导致了很多可及性（accessibility）问题，含有框架页的视觉布局很难转换到非视觉化的浏览器中，一个好的准则是在所有的页面元素上提供文字说明，并附加对不支持框架页的浏览器的说明。一份在线指导提供了更多的细节。

替代设计

框架页是在CSS出现之前引入到互联网的，现在，CSS可以作为替代框架页的设计方案，上文中的例子可以使用CSS重新编写，列表B展示了使用CSS的代码。

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML//EN">

<title>Two columns with CSS</title>

<style>

#left {

width: 400px;

float: left;

margin-left: -1px;

padding: 5px;

background: yellow;

}

#right {

padding: 5px;

margin-left: 405px;

background: lightgrey;

}

</style></head>

<body>

Left area

</div>

Right area

</div>

</body> </html>

列表B

在这个简单的例子中，为了说明CSS的作用，我还对每个div加上颜色进行区分，您可以使用CSS来创建更加强壮的页面布局。雅虎的用户界面库提供了一个很棒的例子，您还可以使用AJAX来改进数据的载入，这也是通常使用框架页的原因之一（当然框架页不需要如此频繁地刷新）。

另外一个表示选择

在网络开发者的眼中，框架页已经是历史的遗迹了，但它确实曾经像现在的CSS一样为人们提供了更好的选择，我希望听到您对框架页的意见，请在文章讨论区分享您的想法和经验。

正如您所思考的一样，我将会劝说我的客户使用含有CSS的页面设计方案。

(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐收藏投稿打印返回关闭

热门排行

推荐文章

相关文章