第四章 Web之旅
域名
URL
在浏览器中输入的Web地址称为URL,或统一资源定位符(Uniform Resource Locators)。
URL是一个全局地址,可以用来定位Web上的任意资源,包括html页面、音频、视频、和很多其他形式的Web内容。除了指定资源的位置,URL还可以指定用来获取资源的协议。
下面来剖析一个URL:
http://www.startbuzzcoffee.com/index.html
上面的URL中,http是指用来获取资源的协议;中间的网址是网站名,刚刚已经介绍过了;第三部分是从根文件夹到资源的绝对路径。
要定位Web上的某个资源,只要你知道维护这个资源的服务器以及资源的绝对路径就可以创建一个URL,让Web浏览器使用某个协议为你获取这个资源,通常会使用HTTP。
什么是HTTP?
HTTP也称为超文本传输协议(HyperText Transfer Protocol)。换句话说,这是在Web上传输超文本文档的公认的一种方法(协议)。尽管”超文本文档“通常只是指HTML页面,但这个协议实际上还可以用来传输图像或Web页面可能需要的其他任何文件。
如何链接到其他网站?
URL并不只是在浏览器中输入,还可以在HTML中使用。我们要把这个URL放在一个<a>元素中,可以这样做:
<a href="http://wickedlysmart.com/buzz">Caffeine Buzz</a>
就这么简单,要链接到Web上的资源,只需要它的统一资源定位符(URL),把这个URL放在<a>元素中作为href属性值。
为链接增加标题以便访问
<a>元素有一个title属性,就是用来提供链接信息的。有些人可能被这个属性名搞糊涂了,因为<head>中还有一个名为<title>的元素,之所以名字相同,这是因为他们本来就是相关的。
可以像这样为<a>元素增加title属性:
Read the <a href="http://wickedlysmart.com/buzz"
title="Read all about caffeine on the Buzz">Caffeine Buzz</a>
title属性有一个值,这是所要链接的页面的文本描述,只要在页面中把鼠标移到链接上,就可以看到相应的描述。
链接到一个页面指定位置
到目前为止,只要链接到另一个页面,浏览器就会加载整个页面,并从头开始显示。如果想进入网页时就进入特定的位置呢?
<a>元素可以带一个id属性,允许你直接访问页面中的一个特定点。下面来看如何使用id属性在页面中为<a>创建目标。
1. 找到页面中你希望创建锚点的位置,这可以是页面上的任何文本,不过通常是标题。
2. 为目标选择一个标识符名,如“coffee”或者“sun”,并在元素的开始标记插入一个id属性。
例:<h1 id="coffee">coffee</h1>
要链接到页面中的一个特定元素,只需在链接最后加一个#,再加上目标标识符。
例:<a href="http://www.coffee.com/#coffee">coffee</a>
这样就可以在点击链接的时候定位到指定位置了。
链接到一个新窗口
在点击链接时,如何在新窗口打开所点击的链接呢?
可以为<a>元素添加一个target属性,告诉浏览器使用一个不同的窗口,target属性会告诉浏览器页面的“目标窗口”。如果使用“_blank”作为目标,浏览器就总是打开一个新窗口。下面看一下示例:
<a target="_blank" href="http://wickedlysmart.com/buzz"
title="Read all about caffeine on the Buzz">Caffenine Buzz</a>
不一定要把target指定为“_blank”。如果指定另一个名字,如“coffee”,那么有相同目标名“coffee”的所有链接都会在同一个窗口中打开。这是因为,为target指定一个特定的名字时,如“coffee”,实际上就是在对显示链接页面的新窗口命名。“_blank”则是一种特殊情况,告诉浏览器总是使用一个新窗口。