链接与导航

Posted 2020-08-22

网络之所以区别于其他媒体，是因为网页中可以包含链接。通过单链接，可以从一个页面跳转到领一个页面。连接的形式可以使一个单词，短语或者一副图片。

指向同一网站其他页面的链接被称作“内部连接”，当链接到不同网站时，链接为“外部链接”。外部链接使用绝对URL地址。一个完整的web地址经常被称为“统一资源定位符”。

你可以在链接中使用title，title特性的值应为纸箱内容的描述信息。当鼠标悬浮于链接上时，该信息以提示标签的形式进行显示。

<p><a href="http://www.baidu.com" title="Search to baidu">Baidu</a>is a very popualr search engine.</p>

目录是网站中对文件架的另一种称谓。

根目录是网站的主目录，包含整个网站的内容。

子目录是位于其他目录中的目录。

父目录是包含其他目录的目录。

统一资源定位符指定了在web上从哪里可以找到某一资源。URL包含三个关键组成部分，协议，主机地址以及文件路径。http://www.baidu.com/index.html

协议指明了以哪种方式传输，大多数使用超文本传输协议，即HTTP

主机地址时网站的域名，也可以是称为IP地址的数字形式

文件路径永远以一个正斜线开头，并可能包含一个或多个目录名称，文件路径可以以一个文件名结束。

并非只有网页才有自己的URL。Web上的任何文件，包括每张图片。

如果没有提供文件名，web服务器通常会做出三种反映之一（取决于服务器的配置方式）

1.寻找默认路径并返回。

2.提供该目录下的文件列表。

3.显示“页面无法找到”或“无法显示文件夹内文件”等信息。

绝对URL地址包含了访问互联网上某一特定文件所需要的所有要素。

当链接网站内部页面时，可以使用一种缩略形式：相对URL地址。

URL地址指定了被访问资源与当前页面的相对位置。

当遇到相对地址时，浏览器会将相对地址转换为绝对地址。而<base>元素允许你为一个页面指定一个基础的URL地址，通过这种设置，浏览器会在相对地址前加上基础地质的方式得到完整绝对路径。

开标签<a>和闭标签</a>之间的全部文本内容将组成链接中可供用户单击的部分。而用户将被跳转的URL地址则在href特性中指定。

使用name与id特性创建目的锚（链接至页面内特定位置）

网络中比较常见的连接到指定特定部分的例子包括：

1. 位于长页面底部的返回顶端链接。

2. 将用户跳转至页面中各相关小节的目录列表

3. 性一文中的脚注以及定义链接等。

再创建指向页面中各个小节的链接（使用源锚）之前，必须先添加目的锚。

<h1>Linking and navigation</h1>

<h2 id="URL">URLs</h2>

在<h2>次级标题元素中有一个id特性，它的值唯一标示了所在的每个小节。注：在同一页面内不能存在两个值完全相同的id特性。

<nav>

  <ul>

    <li><a href="#URL">URLs</a></li>

  </ul>

</nav>

源锚的href特性值需要与之对应的目的元素的id值相同，并且在值得最前面加上#号。

<a>元素的其他特性：

1. accesskey特性指定可以通过键盘按激活链接的快捷方式，例如按下T（同时按下Alt或Ctrl键）页面会跳转顶端。注：大小写敏感，t和T不同
   

   eg：<a id=bottom" accesskey="T">Back to top</a>

2. hreflang特性指定连接到的目标页面所使用的语言。本特性用于链接的目的页面与当前页面语言不同的情况。值为一个双字符语言代码。

3. rel，在源锚中使用rel指明当前文档与href特性指向资源间的关系。toc：当前文档的内容文档；indx：当前文档的索引文档...

4. tabindex特性。设置焦点顺序。任何可以与用户交互的元素都可以获得焦点。页面家在前，如果用户单击键盘上的Tab键，浏览器将会在页面用户可交互的部分间移动焦点。特性值在一个0~32767之间，20比40更早获得焦点。

5. title用于提示用户附加信息。

6. type特性用于指定链接的MIME类型，类似于文件拓展名，取值为text或html。
   

本文出自 “小止” 博客，请务必保留此出处http://10541556.blog.51cto.com/10531556/1880401