HTML和CSS（四）

第四章 开始链接——Web镇之旅

---

目录

第四章 开始链接——Web镇之旅

一、Web主机代理商（Web Hosting Company）

二、域名

三、搬迁

四、URL统一资源定位符（Uniform Resource Locator）

五、HTTP协议（HyperText Transfer Protocol 超文本传输协议）

六、绝对路径

七、默认网页文件查找

八、file协议

九、网页完善

十、链接到另一个页面

十一、链接到一个新窗口（target）

十二、要点

---

一、Web主机代理商（Web Hosting Company）

考虑特征：技术支持、数据传递、备份、域名、可靠性、赠品

二、域名

e.g. www.starbuzzcoffee.com

网站名=域中的服务器名.域名

不同用途的域的结尾不同：.com  .org  .gov  .cn

不同国家的域：.co .uk  .co.jp

域名也用于把网页链接到其他网站

域名由一家权威机构（ICANN）控制，确保每个人一次只能用一个域名，每年交注册资金来保持域名的使用权。

三、搬迁

从根目录到web服务器的根目录

FTP文件传输协议（File Transfer Protocol）

  FTP命令：

      1.dir：获得当前目录的文件清单

      2.cd：进入另外一个目录

                 .. 代表上溯一个目录

      3.pws：当前所在目录

      4.put<filename>：传送指定文件到服务器

      5.get<filename>：从服务器接收指定的文件

SFTP安全文件传输协议（Secure File Transfer Protocol）

四、URL统一资源定位符（Uniform Resource Locator）

URL是一个全球性地址，用于定位网上的资源，包括HTML页、音频、视频、以及其他形式的网上内容。

为了指定资源位置，URL同时包括用于接收资源的协议名 

用来接收资源的协议（e.g. http）.网站名/从根目录到资源的绝对地址

相对路径和URL都可以链接到页面

       相对路径只能用于链接同一网站内的页面

       URL通常用来链接到其他网站（长，难编辑，可读性差）

五、HTTP协议（HyperText Transfer Protocol 超文本传输协议）

超文本（hypertext documents）通常是HTML页面

HTTP是一个响应请求协议

404错误

六、绝对路径

绝对路径通常从根目录开始，添加每个经过的文件夹（文件夹之间用/分隔），添加文件名

七、默认网页文件查找

想服务器中获得一个目录，而不是文件

默认从目录中返回index.html 或 default.htm

如：http://www.starbuzzcoffee.com/drinks/  

当服务器接受的没有以/结尾的请求且有一个目录是这个名字时，会加一个/

如：http://www.starbuzzcoffee.com（根目录）

八、file协议

浏览器从电脑中读取文件

路径因操作系统而异

e.g. file:///chapter4/starbuzz/index.html

九、网页完善

为链接添加标题

       <a>元素的title属性

              对链接的网页的文字描述

              在大多数浏览器中显示为工具条

              建议title的值应该和链接的网页的<title>元素的值一致

1.让链接标签简短些

2.标签要有提示性

3.避免把链接紧挨在一起（不易区别）

十、链接到另一个页面

<a>元素有两种作用：从一个页面跳到另一个页面；在页面中设置登陆点、或者链接的目的地

使用<a>创建目的地（目标锚）：

       1.找到网页中需要创建登陆点的地方。（可以是文本中的任意位置，不过通常是文章标题的一个小部分）

       2.用<a>元素吧文本包围起来

       3.选择目的地的标识名，并在<a>元素中插入id属性

链接到目标锚：

       在链接后面加#。再加目标锚标识符

              e.g. <a href="index.html#chai">See Chai Tea</a>

注意：id和href属性中要确保字母大小写一致

           在本文件中的链接：<a href="#top">Back to top</a>

           大多数浏览器一般会要求id以一个字母开始，后面跟着字母、数字、连字符、下划线、冒号或句点，不能使用空格。

           找到目标锚：view source（查看源文件）

十一、链接到一个新窗口（target）

在<a>元素中添加target属性

target属性告诉浏览器在哪里打开href属性指定的网页。

       如果没有target，浏览器会在同一个窗口打开链接

       如果target是_blank，浏览器会在新的窗口打开链接

十二、要点

1. 通常将网页发布到网上的最佳途径是找一家主机代理商。
2. 域名是一个独一无二的名字，用例标识网站。
3. 主机代理商可以为你的域创建一个或者多个web服务器，服务器名字通常是www。
4. FTP（File Transfer Protocol，文件传输协议）是一种把网页和内容传送到服务器上的常用方法。
5. FTP应用程序。
6. URL（Uniform Resource Locator，统一资源定位符）用于标识网络上的资源。
7. 通常URL由一个协议、一个网站名和到资源的绝对路径组成。
8. HTTP是一种用于在web服务器和浏览器直接传送网页的请求/响应协议。
9. 浏览器用文件协议从你的电脑中读取网页。
10. 绝对路径是从根目录到文件的路径。
11. index.html和defaule.htm都是默认页面。如果你只指定了目录而没有文件名，web服务器会寻找默认页面返回给浏览器。
12. 可以在<a>元素的href属性中使用相对路径或URL链接到其他网页。要连接到自己的网站的其他页面最好使用相对路径；对外部链接则使用绝对路径。
13. 使用id属性在页面中创建目标锚，在#后面跟id，用以链接到页面的特定位置。
14. 要提高可读性，使用title属性来提供对<a>元素中链接的描述。
15. 使用target属性在新窗口中打开链接。