（8）html设置锚点

来源：互联网发布：灵格斯翻译家 mac版本编辑：程序博客网时间：2024/06/05 20:33

我们可以利用name和id特性创建目标锚点，用来调转到网页的特定位置。

建立目标锚点：<a id="test_1"></a>;

创建源锚点：<a href="#test_1">test_1</a>;

如果要从一个网页连接到另一个网页的特定位置，则需要添加这个网页的完整URL：

http://www.test.com/index.html#test_1

（一）同一页面锚点设置实例（文章内容抄自百度）：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"><html><head><meta charset="utf-8" />  <title>本页面设置锚点</title></head><body><h1>统一资源定位符</h1><ol><li><a href="#part_one">基本介绍</a></li><li><a href="#part_two">结构</a><ul><li>第一部分</li><li>第二部分</li></ul></li><li><a href="#part_three">分类</a><ul><li>绝对URL</li><li>相对URL</li></ul></li><li><a href="#part_four">大小写</a></li></ol><h2><a id="part_one">基本介绍</a></h2><p>在因特网的历史上，统一资源定位符（URL）的发明是一个非常基础的步骤。统一资源定位符的语法是一般的，可扩展的，它使用ASCII代码的一部分来表示互联网的地址。一般统一资源定位符的开始标志着一个计算机网络所使用的网络协议。统一资源定位符是统一资源标志符的一个下种。统一资源标志符确定一个资源，而统一资源定位符不但确定一个资源，而且还表示出它在哪里。</p><h2><a id="part_two">结构</a></h2><p>基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名，如“协议://授权/路径?查询”。完整的、带有授权部分的普通统一资源标志符语法看上去如下：协议://用户名:密码@子域名.域名.顶级域名:端口号/目录/文件名.文件后缀?参数=值#标志。</p><h3>第一部分</h3><p>模式/协议（scheme）：它告诉浏览器如何处理将要打开的文件。最常用的模式是超文本传输协议（Hypertext Transfer Protocol，缩写为HTTP），这个协议可以用来访问网络。[1]其他协议如下：<ul><li>http——超文本传输协议资源</li><li>https——用安全套接字层传送的超文本传输协议</li><li>ftp——文件传输协议</li><li>mailto——电子邮件地址</li><li>ldap——轻型目录访问协议搜索</li><li>file——当地电脑或网上分享的文件</li><li>news——Usenet新闻组</li><li>telnet——Telnet协议</li></ul></p><h3>第二部分</h3><p>文件所在的服务器的名称或IP地址，后面是到达这个文件的路径和文件本身的名称。服务器的名称或IP地址后面有时还跟一个冒号和一个端口号。它也可以包含接触服务器必须的用户名称和密码。路径部分包含等级结构的路径定义，一般来说不同部分之间以斜线“/”分隔。 询问部分一般用来传送对服务器上的数据库进行动态询问时所需要的参数。有时候，URL以斜杠“/”结尾，而没有给出文件名，在这种情况下，URL引用路径中最后一个目录中的默认文件（通常对应于主页），这个文件常常被称为 index.html 或 default.htm。</p><h2><a id="part_three">分类</a></h2><h3>绝对URL</h3><p>绝对URL（absolute URL） ： 显示文件的完整路径，这意味着绝对URL本身所在的位置与被引用的实际文件的位置无关</p><h3>相对URL</h3><p>相对URL（relative URL）以包含URL本身的文件夹的位置为参考点，描述目标文件夹的位置。如果目标文件与当前页面（也就是包含URL的页面）在同一个目录，那么这个文件的相对URL仅仅是文件名和扩展名，如果目标文件在当前目录的子目录中，那么它的相对URL是子目录名，后面是斜杠，然后是目标文件的文件名和扩展名。如果要引用文件层次结构中更高层目录中的文件，那么使用两个句点和一条斜杠。可以组合和重复使用两个句点和一条斜杠，从而引用当前文件所在的硬盘上的任何文件，一般来说，对于同一服务器上的文件，应该总是使用相对URL，它们更容易输入，而且在将页面从本地系统转移到服务器上时更方便，只要每个文件的相对位置保持不变，链接就仍然是有效地。</p><h2><a id="part_four">大小写</a></h2><p>统一资源定位符一般是分大小写的，不过服务器管理员可以确定在回复询问时大小写是否被区分。有些服务器在收到不同大小写的询问时的回复是相同的。地址结尾的"."号在互联网的发展初期，访问一个网站不是单纯的输入这样DNS服务器才能够识别。后来，微软公司在WindowsNT3.51中对其进行了修改，可以自动在DNS查询时自动增加一个.号，随后UNIX，NetWare也随之而跟进，让服务器可以识别结尾没有"."的域名。但是，符号"."在现在的网址中仍然可以使用，统一资源定位符的日常使用超文本传输协议统一资源定位符将从互联网获取信息的四个基本元素包括在一个简单的地址中。</p></body></html>

（二）不同页面调转到指定锚点（我从另一个网页跳转到上例的第三部分）：、

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"><html><head><meta charset="utf-8" />  <base href="/testsmarty/templates/"></base><title>不同页面的锚点跳转</title></head><body><p>注意我设置了base元素，大家需要根据自己需要调整href的值</p><p><a href="test3.htm#part_three" target="_blank">跳转到第三个锚点</a></p></body></html>

0 0