网页设计中的框架使用

日期:2011年06月11日

一般来说,你应该避免使用框架,除非它改善了你的网站的可用性大增。

无障碍框架导航

当谁使用辅助技术访问一个框架集网页禁用的人,他们必须选择从一帧打开页面上帧列表。 您必须提供有意义的框架标题,使用户可以轻松地识别禁用的框架,他们要打开。

要做到这一点:

  • 包括使用标题元素对每个帧的源有意义的标题页
  • 分配一个有意义的标题为每个框架集和框架元素的NAME属性。 页面

例如:

<HEAD>
<TITLE>A simple frameset document</TITLE>
</HEAD>
<FRAMESET>
<FRAME src="logo.html" title="company logo" name="company logo">
<FRAME src="navigation.html" title="navigation" name="navigation">
<FRAME src="maincontent.html" title="main content" name="main content">
<NOFRAMES>
This page contains three frames which can be accessed separately.<br>
The first frame is our <A HREF="logo.html">Company logo</A><br>
The second frame is for <A HREF="navigation.html">navigation</A><br>
The third frame is for the <A HREF="maincontent.html">main content</A>
<NOFRAMES>
</FRAMESET>

无障碍框架源代码

要创建一个可访问的帧的源,该框架元素源应该永远是一个HTML文件。

但是,如果一个帧的源是一个图像文件,那么你不能添加替代文本(ALT)的属性。 因此,该帧的源无法访问。

解决的办法是链接到一个HTML文件,其中包含一个替代文本属性的图像标记。

无框架元

使用标记来指定的无框架的浏览器无法支持框架,或者配置为不显示框架当量含量。

你也可以使用无框架标签和链接到一个单一的网页,结合了所有帧的内容。

Tags:体验设计 企业网站建设
上一篇文章:网站建设中表单技巧
下一篇文章:网页设计中的文字使用技巧