Head First HTML与CSS 笔记 part4

发布网站，建立连接

要在web上发布网页需要一个在web上全天候工作的服务器
相对路径用来链接同一网站上的内容，而要链接web上其他网站的资源，只需要将它的URL放在< a > 元素中作为href的属性

域名

域名通俗地说是唯一的名字，用以定位网站

www.starbuzzcoffee.com

上述的是一个网站名，而非域名，其中www是域中一个特定服务器的名字，starbuzzcoffee.com是域名，不同的域名结尾有不同的用途，如com,org,gov,edu另外还可以表示不同国家如cn,uk,jp等

将资源发送到服务器根文件夹下

一般通过FTP文件传输，当然也可能使用一些其他的协议如SFTP等

URL

在浏览器中输入的web地址称为URL(统一资源定位符），URL是一个全局地址可以用来定位Web上的任意资源，包括HTML页面，音频，视频和很多其他形式的web内容。除了指定资源的位置，URL还可以用来指定用来获取资源的协议
典型URL由一个协议，一个网站名和资源的一个绝对地址组成

http://www.starbuzzcoffee.com/index.html

http为第一部分，用以指出获取资源的协议
www.starbuzzcoffee.com为第二部分，是网站名
index.html是根文件夹到资源的绝对路径

HTTP的简介

HTTP也称为超文本传输协议，换句话说，这是在web上传输超文本文档的公认的一种方法。尽管，超文本文档通常是指HTML页面，但这个协议实际上还可以用来传输图像或者web页面可能需要的任何其他文件
HTTP是一个简单的请求响应协议
每次在浏览器地址栏中输入一个URL时，浏览器就会使用HTTP向服务器请求相应资源，如果服务器找到相应资源就会把他返还给浏览器，由浏览器显示。如果找不到资源就会返回404

绝对路径

从根文件夹开始追踪指定的文件夹

在< a >元素的href属性中放的是相对路径，在单击一个相对链接时，在后台浏览器会根据这个相对路径和所单击页面的路径创建一个绝对路径

默认页面

web服务器接受到一个请求时，它会尝试查找这个目录中的一个默认文件，通常默认文件名为"index.html"或者”default.html",如果浏览器找到这样一个文件，就会把他返还给浏览器显示
要从根目录（或者其他目录）默认返回一个文件只需要把文件命名为"index.html"或者"default.html"

认识< a >元素中的title属性

title属性用来提供链接信息的，title元素由一个值，这是所要链接的页面的文本描述
在< head >也有< title > 元素，通常建议< a >元素中的title的属性值和< head >中< title > 元素值相同，不过这也不是一个严格的要求，在title属性中提供更有意义的描述可能更加有意义
在大多数浏览器中，title会显示为一个工具提示当把鼠标放在链接上停留一小会儿，便可以看到这个工具提示即title的属性值

<a href="http://wickedlysmart.com/buzz"  title="Read all about caffeine on the Buzz">Caffeine Buzz</a>

需要注意的是，可以为任何元素添加title属性，所以希望某个元素上有个工具提示，比如一个标题，则可以在< h1 >元素的开始标记中增加一个title属性，有些元素不仅仅是使用title作为工具提示，可能还有其他作用

认识< a >元素中的id属性

通过id属性，可以实现访问页面的一个特定点。可以用id属性在页面中创建一个目标，使用#后面加一个目标id可以链接到页面中的那个位置
使用id在页面中为< a >创建目标

• 找到页面中希望创建锚点的位置。这可以是页面的任何位置，不过通常是标题
• 为目标选择一个标识符名（区分大小写），id必须唯一的，并在元素的开始标记中插入一个id属性

<h2 id="Chai">Chai Tea,$1.85</h2>

用id链接到元素

• 要链接到页面中的一个特定目标。只需在链接最后加一个#，再加上目标标识符即可

<a href="index.html#chai">see Chai Tea</a>

注意的是可以为任何元素添加id属性，不过有些可能添加后没什么意义
可以在文档中放置指向相同文档中某个目标文档的链接,如下所示要链接到同一页面的”top“目标（对应于返回页面顶端的操作）

<a href="#top">Back to top</a>

认识< a >元素中的target属性

当需要点击当前页面某个链接跳转到其他页面时，直接在当前页面上跳转，还是当前页面保留，重新开一个新窗口显示跳转到的页面，这是就需要使用到target属性
target属性会告诉浏览器页面的目标窗口，如果没有target浏览器会在同一窗口打开页面，如果使用_blank作为目标，浏览器总是打开一个新窗口显示页面

<a target="_blank" href="http://wickedlysmart.com/buzz"  title="Read all about caffeine on the Buzz">Caffeine Buzz</a>