悠悠博客 关注Ajax技术与web开发

当建立一个https网页的时候，有一项非常烦琐的事情就是去掉所有的引用http资源的链接，否则，IE就会给出一个安全警告。

为了解决这个问题，所有网页上的URLs必须使用https。但就目前而言，网页的设计都是建立的高重用的基础上的，它们都必须要同时符合http和Https的标准。怎么解决这个问题呢？

使用相对URLs就是一个很好的办法。现在常用的一种方式就省略主机名，包含所要引用资源的路径，如下所示：

这样的话，不管是http还是Https的网页都不会出现警告信息。虽然它省略了主机名，实际上在网页打开时，它会自动将路径前加上主机名去加载引用的资源，并且同时会使用当前网页的协议http或者https，在Http页面，它会使用http协议请求图片，而在https页面，它会根据https协议请求图片。

但是如果我们需要引用其他网站上的图片呢？

最近在做项目时发现有些图片或者文字超链接在点击或者激活时周围出现了虚线的边框，这样既影响美观，又导致界面的风格不统一，通过摸索，发现了一个简单的方法，只需要在<a>里面加上一句：

其作用就是让当前的焦点转移，虚线框自然就没有了。