IE7与web标准设计（2）
互联网 发布时间：2008-10-17 19:25:18 作者：佚名 
我要评论
我要评论上文：IE7的web标准设计
IE历来被web标准的拥护者所诟病，而当FireFox横空出世以后，更多的网页制作者开始关注web标准设计。看着FireFox的市场占有率不停的上升，微软终于推出了IE7。但IE7是否真的能够力挽狂澜，是否真的能够得到用户的信任，是否真的能够得到网页设计者
属性选择符
“属性选择符”可以根据某个属性是否存在，或者属性的值来寻找元素。巧妙地利用“属性选择符”,将可以轻松的实现很多实用而且强大的效果。
很多“以用户为核心”的拥护者，一直强烈的去掉<a>标签的target属性，其一个很重要的原因就是“没有经过用户的同意，就打开了新的浏览器页面，是一种不尊重用户的表现。”其实，我个人感觉，大可不必如此兴师动众。因为就算是去掉了这个属性，还是无法尊重用户，因为如果有的用户，就是想在新的页面打开这个链接呢？（假使，他不知道使用shift点击链接可以达到目的，而且他也没有安装类似于“拖拽打开新页面”的浏览器或者插件）
其实，使用“属性选择符”，可以比较有效的解决上面的问题。就是利用“属性选择符”，将会在新窗口打开的超链接，明确的标识出来，由用户决定是否去点击超链接。（很多外国的网站已经在使用这种方式，而且已经形成了一种共识：在一个网站各页面之间的跳转链接，不在新窗口打开。而“会跳转到外部网站的链接”将在新的页面窗口打开。“会跳转到外部网站的链接”的标识图片也已经形成了共识，就是这个图标：“”）下面的示例中，便是一种供参考的解决方案：
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="YES!B/S!,web标准,杨正祎,博客园,实例代码" />
<meta name="Description" content="这是一个简单YES!B/S!文章示例页面,来自杨正祎的博客,http://justinyoung.cnblogs.com/" />
<title>YES!B/S!文章示例页面</title>
<style type="text/css">
a[target="_blank"]{
padding-right:16px;
background:url('http://images.cnblogs.com/cnblogs_com/justinyoung/common
/outLink.gif') no-repeat right;
}
</style>
</head>
<body>
<p>
<a href="#" _fcksavedurl=""#"" _fcksavedurl=""#"" title="我不会跳转到其他网站，不会再新窗口打开">我不会跳转到其他网站，不会再新窗口打开</a>
</p>
<p>
<a href="http://www.163.com" title="我会跳转到其他的网站，会在新窗口打开" target="_blank">我会跳转到其他的网站，会在新窗口打开</a>
</p>
</body>
</html>
下面是IE7的显示效果截图：
图：“属性选择符”效果示意图，注意第二个超链接后的图标
更强大的是：“属性选择符”也可以判断一些自己自定义的属性，这对于一些第三方插件开发的程序员，将是一个极大的方便。例如，对于开发网页“网页翻译”的朋友，可以将需要翻译的关键字用<span>包起来，然后对这个span设置一个自己的属性。例如中文到英文的翻译，就加个"lang='c2e'"，如果是中文翻译到日文，就加个"lang='c2j'"。然后通过“属性选择符”，将两种情况设置不同的样式，从而区分开来。
相关文章
这篇文章主要分享的是web技术的 AudioContext 实现音频可视化，要实现音频可视化得先实现一些炫酷的效果需要借助 Web Audio API提供的一些方法 AudioContext，下面详细内容2022-02-23
这篇文章主要给大家介绍了web技术中的WebRTC记录音视频流，文章内容围绕主题展相关资料，需要的小伙伴可以参考一下，希望对你有所帮助2022-02-23- 这是我通过网上查阅资料总结的一些编码规范，用于巩固对html，css页面重构时的基础,需要的朋友可以参考下2020-12-19
前端编码规范（4）—— CSS 和 Sass (SCSS) 开发规范
这篇文章主要介绍了前端编码规范（4）—— CSS 和 Sass (SCSS) 开发规范,需要的朋友可以参考下2017-01-21Web前端开发规范2017(HTML/JavaScript/CSS)
这是一份旨在增强团队的开发协作，提高代码质量和打造开发基石的编码风格规范，其中包含了 HTML, JavaScript 和 CSS/SCSS 这几个部分。我们知道，当一个团队开始指定并实行2017-01-21- 这篇文章主要为大家介绍了前端开发团队遵循和约定的代码书写规范，意在提高代码的规范性和可维护性,需要的朋友可以参考下2017-01-21
- 这篇文章主要为大家详细介绍了响应式Web之流式网格系统的相关资料，感兴趣的小伙伴们可以参考一下2016-07-04
- 下面小编就为大家分享一篇在网页标题栏上和收藏夹显示网站logo的实现方法。希望对大家有所帮助。一起跟随小编过来看看吧，祝大家游戏愉快哦2016-03-16
- 基于很多用户都在下载Visual Foxpro 6.0，但是有安装vtp6.0经验的朋友确很少，在安装过程中总会出现这样那样的问题，基于这些问题，下面小编抽个时间把Visual Foxpro 6.02015-09-09
- 网站日志200 0 64状态码的分析介绍2012-10-29
最新评论