您的位置：首页 > 编程技术 > html  >  拒绝眼花缭乱 还网页链接“清白”

拒绝眼花缭乱 还网页链接“清白”

 更新时间：2016年9月20日 19:04  点击：1821
网页离不开链接，而默认链接的表现形式总是千篇一律的蓝色文字加底线，每当我们点击它时，周围会出现虚线框，表示该链接是当前的焦点，影响了美观。不过一些五彩缤纷的链接所付出的代价是添加了大量的代码。我们可以在源文件的链接标签中添加一小段代码屏蔽一些默认属性，图个新鲜。

　　首先只要在链接标签中添加onFocus="if(this.blur)this.blur()"这句代码即可屏蔽点击时四周出现的虚线框，如：

〈A href="http://"onFocus="if(this.blur)this.blur()"〉网页教学网〈/a〉

网页刷新后再点击这个链接，是不是不显示虚线框了！OK，我们继续改造，再一步的工作是删除链接上的底线。在源代码的标签后添加以下三句代码，即可使本页的链接的底线不显示：

〈style type="text/css"〉
A {text-decoration:none}
〈/style〉



　　保存后再打开网页，链接的表现形式是不是只是蓝色文字了！如果还不够，你还可以改变它的颜色，这个很容易实现：在链接文字前添加〈font color="#aa0000"〉这句代码即可使链接文字变成红色。

　　注：读者在拷贝本页示例中代码时请将“〈〉”在网页中换成半角字符“<>”。


　　网页炸弹防范方法

　　1.留意微软和各大安全网站发布的安全公告，及时了解最新安全动态，封堵住漏洞，如果没有条件随时关注这些，至少要及时更新你的浏览器，使用最新的、打过各种安全补丁的浏览器；

　　2.安装防火墙和杀毒软件，并及时更新。

　　3.事先备份注册表，如果发现注册表被修改则导回就能恢复；

　　4.将本机的FORMAT、DEL、DELTREE等危险命令改名，如将format.com改为format.old，自己需要使用时再改回来。也可以某些外部命令转移到其他目录下；

　　5.牢记不要浏览那些并不了解的网站，也不要在聊天室里点击其他网友贴出的超级链接，这样可以避免遭到恶作剧者的攻击；

　　6.增强IE“免疫”能力

　　将系统的网络连接的安全级别设置为“高”，它可以在一定程度上预防某些有害的JAVA程序或者某些ActiveX组件对计算机的侵害。在IE属性里面，对其“高级”选项进行配置，取消在浏览网页时的Java功能选项，具体方法是：点击IE的“工具”菜单下的“Internet 选项”，再点击“安全”选项卡里的“自定义级别”按扭1），把“ActiveX控件及插件”和Java相关选项都设为禁用，这样就不怕了。不过，要说明的是这样做在浏览某些网页时会无法正常浏览，如何取舍就看你自己的了。



图 1

　　7.灵活应对WSH

　　由于微软在IE中增加了WSH(Windows Script Host)的运行脚本，WSH(Windows Script Host)是微软提供的一种基于32位Windows平台的、与语言无关的脚本解释机制，它使得脚本能够直接在Windows桌面或命令提示符下运行。利用WSH，用户能够操纵WSH对象、Active对象、注册表和文件系统。在Windows 2000下，还可用WSH来访问Windows NT活动目录服务。WSH在Internet Explorer 3.0（或以上）提供的Visual Basic Script和Jscript脚本引擎，在带给人们便利的同时，WSH也为病毒的传播留下可乖之机。对于已安装的WSH服务，我们有如下防护措施：

　　A：删除脚本文件。对于Windows 2000和Windows ME，点击“开始”→“程序”→“Windows资源管理器”→“工具”→“文件夹选项”→“文件类型”，把滚动条下移找到VBScript和JScript脚本文件，将其删除。

　　对于Windows 98和Windows NT4.0，点击“开始”→“程序”→“Windows资源管理器”或“Windows NT资源管理器”→“查看”→“选项”→“文件类型”2），将滚动条下移长到VBScript和JScript脚本文件，将其删除。

你是否正准备织网或者正在织网的路上？如果是，那么有没有感觉到网络上扑面而来的网站建设资源呢？“他山之石，可以攻玉。”个人的精力毕竟是有限的，“引用”也是硬道理。

　　一、引用模板，为你的网站搭架

　　所谓“模板”，就是一个已经基本制作好的HTML网站文件，在网站风格、外观等方面已经比较确定，但在文字、图形、图像、动画内容以及链接等方面留出空隙和余地，填入不同的内容便可形成一个个图文并茂的页面。

　　◆优秀模板网站推介：

　　新浪模板：http://vip.sina.com/cgi-bin/pubtmpl/preview.cgi

　　模板精品店：http://mb.cncss.com/

　　模板天下：http://www.mbsky.com/main.htm

　　建站资源网模板：http://www.chinapsd.com/moban/moban.asp

　　二、引用元素，为你的网站增色

　　网页元素，包括网页背景、线条、图标、图片、动画、音乐等素材，门类繁多。有一些网站专门制作、搜集和整理了一些网页素材，免费提供给大家使用。除了访问这些专门提供网页素材的网站，您还可以处处留心，访问哪一个网站的时候看到了很好的小东东，就可以随手Download下来，整理一下为自己所用。

　　◆ 优秀网页素材网站推介：

　　素材精品屋 ：http://www.sucaiw.com

　　网页素材图库：http://www.dabaoku.com/sucai/index.htm

　　殷都图霸-网页素材大全：http://photo.ayinfo.ha.cn/sucai/

　　好极网GIF动画库：http://www.hooji.com/gifs/

　　心怡坊素材库：http://pugongying.51.net/

　　三、引用代码，为你的网站补血

　　其实，代码也属于网页元素，现在有很多网站都提供免费代码，引用好这些代码，可以为你的网站快速注入新鲜的血液。这些代码按功能可分为：网页特效类、搜索引擎类、计数统计类、新闻系统类、留言论坛类、查询调查类等。结合自己网站的主题和风格，来决定你引用哪些种类的代码，比如有关音乐类的网站可考虑加一个“歌词查询器”，而文学类的可考虑加一个“每日作家简介”，至于计数器、留言本之类的我想每个网站最好都用上。

　　引用代码，应注意两个问题：一是引用信誉好、服务稳定，而且广告少的代码，对于那些使用频繁的服务尤是如此，不要因为代码而影响了你网站的正常运转。二是引用适度，若在网页上大量引用代码，因页面要启动或连接多个站外服务，速度必会受到影响，一般引用两三个就可以了。

　　◆优秀免费代码推介：

　　1．网页特效类

　　网页特效大全：http://www.cn76.com/js/

　　2．搜索引擎类

　　Google搜索: http://www.google.com/intl/zh-CN/searchcode.html

　　百度搜索：http://www.baidu.com/search/code.html

　　新浪搜索：http://cha.sina.com.cn/tools/free_code.html

　　3．新闻系统类

　　亿唐免费新闻：http://home.etang.com/news/

　　中华网免费新闻代码：http://app0.china.com/freecode/freenews.php

　　4．计数统计类

　　天堂免费计数器：http://www.9617.com/search?www.xcinfo.ha.cn/jsq/login.asp

　　太极统计：http://www.9617.com/search?www.textclick.com/

　　5．留言板类

　　青年文摘留言板：http://www.qnwz.org/ly/reg.asp

　　酷辣辣留言板：http://my.coolala.net/

　　6．论坛类

　　中用网论坛：http://www.9617.com/search?club.chinauser.com/my/

　　中国职业玩家联盟：http://www.9617.com/search?www.cpgl.net/service/bbs.htm

　　7．查询类：

　　股票信息查询：http://www.cankao.com/z_free.asp



　　一切从一个糟糕的浏览器开始，它完全不支持 XHTML。

　　什么是 MIME Type？

　　为什么这么说呢？首先，我们要了解浏览器是如何处理内容的。在浏览器中显示的内容有 HTML、有 XML、有 GIF、还有 Flash……那么，浏览器是如何区分它们，绝对什么内容用什么形式来显示呢？答案是 MIME Type，也就是该资源的媒体类型。

　　媒体类型通常是通过 HTTP 协议，由 Web 服务器告知浏览器的，更准确地说，是通过 Content-Type 来表示的，例如:

Content-Type: text/html

　　表示内容是 text/html 类型，也就是超文本文件。为什么是“text/html”而不是“html/text”或者别的什么？MIME Type 不是个人指定的，是经过 ietf 组织协商，以 RFC 的形式作为建议的标准发布在网上的，大多数的 Web 服务器和用户代理都会支持这个规范 (顺便说一句，Email 附件的类型也是通过 MIME Type 指定的)。

　　通常只有一些在互联网上获得广泛应用的格式才会获得一个 MIME Type，如果是某个客户端自己定义的格式，一般只能以 application/x- 开头。

　　XHTML 正是一个获得广泛应用的格式，因此，在 RFC 3236 中，说明了 XHTML 格式文件的 MIME Type 应该是 application/xhtml+xml。

　　当然，处理本地的文件，在没有人告诉浏览器某个文件的 MIME Type 的情况下，浏览器也会做一些默认的处理，这可能和你在操作系统中给文件配置的 MIME Type 有关。比如在 Windows 下，打开注册表的“HKEY_LOCAL_MACHINESOFTWAREClassesMIMEDatabaseContent Type”主键，你可以看到所有 MIME Type 的配置信息。

　　浏览器处理 XHTML 和 HTML 有什么区别？

　　HTML 的语法过于随意了，有许多简写，标记不匹配的复杂情况，同时长期 Web 发展下来积累下来了许多错误的用法——比如一个文档里完全没有 标记——但浏览器还是得支持它，可想而知，为了支持这些“Tag Soup”——也就是我们所说的那些，乱成一锅粥的标签——浏览器要很费力地去猜测一段标记的意思，努力以用户期望的形式表达出来。一句话说，虽然 HTML 4.01 允许你用语义化、结构化的、内容与表现分离的方法来书写标记，但由于它沿袭了 HTML 这种格式，使得浏览器对于凡是 MIME Type 为“text/html”的文件，都得采用一种非常费劲的方法去处理，这对于 Web 的发展是很不利的。

　　再说除了浏览器，还有许多其他的用户代理要阅读 HTML：纯文本的浏览工具、读屏器等等。

　　创造 XHTML，很大一部分原因正是要通过 XML 重新严格地规范一遍标记，让这些用户代理可以以一种更简便的方式来解析这些标记。因此，XHTML 这种新的格式，天生就要求内容的发布者必须以严格的方式来标记自己的文档。

　　当然，XHTML 对于内容提供者也有好处，此处先不展开，详见下文。

　　MIME Type 与之又有什么关系？

　　把前两节的内容合起来，你显然可以发现：一个正常支持 XHTML 的浏览器会根据服务器提供的 MIME Type 是 text/html 还是 application/xhtml+xml 来区分获取到的内容是 HTML 还是 XHTML，对这两种格式，分别以两种不同的方式来解析文档，后者解析起来要严格得多，但对于用户代理开发者和内容提供者都有很大的好处。

　　那么，那些浏览器正常的支持了 XHTML 呢？答案是 Mozilla、基于 Mozilla 的浏览器如 Netscape 7 和 Firefox、较新版本的 Opera 和 Safari 等等。

　　话题背景：2004年10月15日，闪客帝国[http://www.flashempire.com]根据网页标准对自己的网站进行了网站重构，从而成为了首个采用采用WEB标准的大型国内网站，引起业界一阵轰动。三天后，国内权威的程序员网站CSDN[http://www.111cn.net]也正式推出了采用WEB标准技术从构的新版网站。

　　而在国外，Bloger,ESPN,MACROMEDIA,MP3.COM等，都已经采用采用WEB标准的网站进行了重构。那么究竟什么是WEB标准，他究竟有什么魅力引得国内外那么多的网站对他推崇倍至呢？我们带着这些疑问，对闪客帝国的两位核心技术人员进行了专访。

访谈：边城浪子&Allan：采用WEB标准进行网站重构

网易学院： 请问你们是怎么想到要用XHTML+CSS2.0技术对闪客帝国进行重新构建的呢？

边城浪子： 这次改版已经酝酿了很长时间。在这期间，我们了解了很多的关于W3C标准的知识，闪客帝国的前身就是一个专注于技术的网站，我们觉得在这方面不应该落后。当然也考虑到浏览器友好以及维护的方便，所以，经过谨慎考虑，我们决定采用Web标准来开发下一个版本的闪客帝国。

Allan：最开始其实是通过一套来自出版社的未出版的书稿《网站重构》，当时出版社要求给这本书写些文章，后来仔细拜读了一下，发现WEB标准的确是有过人之处，又正逢闪客帝国准备第5次改版，于是开始考虑是否应该用WEB标准来做呢？

网易学院： 大概是什么时候开始计划重新构建的？

边城浪子： 是在改版正式开始之前。闪客帝国给飞思的《网站重构》写了一点书评。后来就想到，为什么我们这次不马上付诸实践呢？

网易学院： 应该说在中国用XHTML+css技术来构建网站还不是很成熟，特别是没有一个这样的后台程序支持，要重构，意味着一整套发布系统都要作出调整，甚至重新编写，是什么让你们下决心花这么大的代价来对闪客帝国进行重构呢？

边城浪子： 网站重构是今后很多网站要面临的问题，标准化永远不会是个错误，我们知道我们早晚会走这一步。所以，长痛不如短痛，所以，我们就下定决心了。

网易学院： 在重构过程中其他技术人员是什么态度？他们支持重构么？刚开始的时候，他们对于XHTML+CSS2.0技术掌握是什么程度？

Allan： 闪客帝国永远是一个求新求变的组织，无论是在论坛网站上还是公司，大家都是非常喜欢新技术的。个人认为XHTML+CSS2.0来说技术难度并不大，所以所有人都能很快进入角色。

网易学院： 我们了解到，在网站重构的过程中，遇到的技术问题是不少的，你们是怎么解决这些技术问题的呢？

边城浪子： 我们互相交流，不断测试，并且订阅了不少CSS邮件列表。更多的时候是查询google，还有就是参考人家已经做好的站点，比如：macromedia.com。

网易学院： 能列举一些BUG的解决办法么？

Allan：在使用的过程中，XHTML+CSS2.0式的页面结构在Mozilla下几乎没有出现过任何BUG，主要是在IE5和IE5.5中。因为这二种浏览器对标准支持得不是很好，因此出现不少问题，我总结以下主要有以下几点

  1. 盒模形问题 http://allan.flashempire.net/blog/archive/2004/09/28/152.aspx  
  2. IE6捉迷藏BUG http://www.positioniseverything.net/explorer/peekaboo.html  
  3. DIV互嵌的各种问题
    http://allan.flashempire.net/blog/archive/2004/09/28/152.a
[!--infotagslink--]

相关文章

  • jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果

    本文实例讲述了jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果。分享给大家供大家参考，具体如下：这里演示jQuery实现鼠标移动到链接上，滑动展开/隐藏图片效果，鼠标放在“上一页”“下一页”上，立即浮现出所对应的图...2015-10-30

  • php根据用户语言跳转相应网页

    当来访者浏览器语言是中文就进入中文版面，国外的用户默认浏览器不是中文的就跳转英文页面。 <&#63;php $lan = substr(&#8194;$HTTP_ACCEPT_LANGUAGE,0,5); if ($lan == "zh-cn") print("<meta http-equiv='refresh' c...2015-11-08

  • 腾讯视频怎么放到自己的网页上?

    腾讯视频怎么放到自己的网页上?这个问题是一个基本的问题，要把腾讯视频放到自己的网页有许多的办法，当然一般情况就是直接使用它们的网页代码了，如果你要下载资源再放到...2016-09-20

  • 基于JavaScript实现网页倒计时自动跳转代码

    这篇文章主要介绍了基于JavaScript实现网页倒计时自动跳转代码 的相关资料,需要的朋友可以参考下...2015-12-29

  • 如何获取百度搜索结果页中解密之后的真实链接

    大家用百度搜索的时候，可能会发现，结果链接用的还是百度的链接，点击之后才会跳转到另外一个页面，另外一个页面的真实链接如何获取到呢？？ 通过分析发现： 可以看出，返回...2016-05-19

  • 网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别

    我们现在使用的软件都会自动在前面加一个申明了，那么在网页头部声明lang=”zh-cn”、lang=“zh”、lang=“zh-cmn-Hans”区别是什么呢？下面我们就一起来看看吧． 单...2016-09-20

  • python docx的超链接网址和链接文本操作

    这篇文章主要介绍了python docx的超链接网址和链接文本操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-03-06

  • ASP.NET中iframe框架点击左边页面链接 右边显示链接页面内容

    这篇文章主要介绍了ASP.NET中iframe框架点击左边页面链接,右边显示链接页面内容的实现代码，感兴趣的小伙伴们可以参考一下...2021-09-22

  • C#实现Winform中打开网页页面的方法

    这篇文章主要介绍了C#实现Winform中打开网页页面的方法,涉及WinForm中WebBrowser的相关使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下...2020-06-25

  • Go语言通过http抓取网页的方法

    这篇文章主要介绍了Go语言通过http抓取网页的方法,实例分析了Go语言通过http操作页面的技巧,需要的朋友可以参考下...2020-05-05

  • Python 实现自动获取种子磁力链接方式

    今天小编就为大家分享一篇Python 实现自动获取种子磁力链接方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2020-04-27

  • C#抓取网页数据 解析标题描述图片等信息 去除HTML标签

    本文主要一步一步介绍利用C#抓取页面数据的过程，抓取HTML，获取标题、描述、图片等信息，并去除HTML，希望对大家有所帮助。...2020-06-25

  • C++静态链接与动态链接详解

    下面小编就为大家介绍C++静态链接与动态链接。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2021-10-11

  • 浅谈CMake配置OpenCV 时静态链接与动态链接的选择

    下面小编就为大家带来一篇浅谈CMake配置OpenCV 时静态链接与动态链接的选择。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2020-04-25

  • C++获取文件哈希值(hash)和获取torrent(bt种子)磁力链接哈希值

    这二个代码一个是获取文件哈希值的，另外一个是获取torrent文件磁力链接的哈希值...2020-04-25

  • 分析网页的几种加密技术

    　　现在专业性的网站越来越多，许多网友们都在网上建立起了自己的小家。不过辛辛苦苦制作的网页被人拿去改头换面却是件非常痛心的事，所以大家都想保护自己独创的...2016-09-20

  • vue如何在用户要关闭当前网页时弹出提示的实现

    这篇文章主要介绍了vue如何在用户要关闭当前网页时弹出提示的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-06-01

  • dotnet core链接mongodb代码实例

    这篇文章主要介绍了dotnet core链接mongodb代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下...2020-06-25

  • 网页页面控制注意事项

    1、检查标题。2、检查版权信息，尤其是电话号码。3、图片、文件定位问题。4、产品页面首页指向产品类别问题。5、文章页面首页指向文章类别问题。6、产品图片大小...2016-09-20

  • php清除html中超链接/JS脚本/回车

    在php中要过滤一些特殊字符或非法字符我们可以有很多的办法，像正则表达式str_replace就是一个不错的办法，像回车，空格，换行都可以用它来解决。 近负责的一个系统模块...2016-11-25