超链接和锚点

作者:梁晓明
日期:2012/11/29 13:16:05

锚标签和href属性:

  HTML使用锚标签()来创建一个连接到其他文件的链接。锚可以指向网络上的任何资源:HTML页面,图像,声音,影片等等。创建一个锚的语法:<a href="url">text to displayed</a>

  锚可以指向网络上的任何资源:HTML页面,图像,声音,影片等等。标签被用来创建一个链接指向的锚,href属性用来指定连接到的地址,在锚的起始标签和结束标签中间的部分将被显示为超级链接。这个锚定义了一个到h7ph7的链接:<a href="http://www.ph7ph7.com">ph7phy</a>

  上面这段代码在浏览器中显示的效果如下:

        ph7ph7

  target属性:

  使用target属性,你可以定义从什么地方打开链接地址。下面这段代码打开一个新的浏览器窗口来打开链接:<a href="http://www.ph7ph7.com target="_blank">ph7phy</a>

  锚标签和name属性name属性用来创建一个命名的锚。使用命名锚以后,可以让链接直接跳转到一个页面的某一章节,而不用用户打开那一页,再从上到下慢慢找。下面是命名锚的语法:<a name="label">text to be dispalyed</a>

  你可以为锚随意指定名字,只要你愿意。下面这行代码定义了一个命名锚:<a name="used">text is used</a>

  你应该注意到了:命名锚的显示方式并没有什么与众不同的。 想要直接链接到“tips”章节的话,在URL地址的后面加一个“#”和这个锚的名字,就像这样:

       <a name="http://www.ph7ph7.com/html_links.asp#tips">jump to the useful tips setaion</a>

  一个链接到本页面中某章节的命名锚是这样写的:

      <a name="#tips">jump to the useful tips setaion</a>

  基本注意点——有用的技巧:

  尽量在子目录路径后面加一个左斜杠。假如你像下面这样写:href="http://www.ph7ph7.com/html",将会产生向服务器产生两个HTTP请求,因为服务器会在后面追加一个左斜杠,产生一个新的请求,就像这样:href="http://www.ph7ph7.com/html/"。命名锚通常用来在大型文档的开头创建章节表。这个页面的每个章节被加上一个命名锚,到这些锚的链接被放在页面的顶端。如果浏览器无法找到指定的命名锚,它将转到这个页面的顶部,而不显示任何错误提示。

锚标签和href属性:

  HTML使用锚标签()来创建一个连接到其他文件的链接。锚可以指向网络上的任何资源:HTML页面,图像,声音,影片等等。创建一个锚的语法:<a href="url">text to displayed</a>

  锚可以指向网络上的任何资源:HTML页面,图像,声音,影片等等。标签被用来创建一个链接指向的锚,href属性用来指定连接到的地址,在锚的起始标签和结束标签中间的部分将被显示为超级链接。这个锚定义了一个到h7ph7的链接:<a href="http://www.ph7ph7.com">ph7phy</a>

  上面这段代码在浏览器中显示的效果如下:

        ph7ph7

  target属性:

  使用target属性,你可以定义从什么地方打开链接地址。下面这段代码打开一个新的浏览器窗口来打开链接:<a href="http://www.ph7ph7.com target="_blank">ph7phy</a>

  锚标签和name属性name属性用来创建一个命名的锚。使用命名锚以后,可以让链接直接跳转到一个页面的某一章节,而不用用户打开那一页,再从上到下慢慢找。下面是命名锚的语法:<a name="label">text to be dispalyed</a>

  你可以为锚随意指定名字,只要你愿意。下面这行代码定义了一个命名锚:<a name="used">text is used</a>

  你应该注意到了:命名锚的显示方式并没有什么与众不同的。 想要直接链接到“tips”章节的话,在URL地址的后面加一个“#”和这个锚的名字,就像这样:

       <a name="http://www.ph7ph7.com/html_links.asp#tips">jump to the useful tips setaion</a>

  一个链接到本页面中某章节的命名锚是这样写的:

      <a name="#tips">jump to the useful tips setaion</a>

  基本注意点——有用的技巧:

  尽量在子目录路径后面加一个左斜杠。假如你像下面这样写:href="http://www.ph7ph7.com/html",将会产生向服务器产生两个HTTP请求,因为服务器会在后面追加一个左斜杠,产生一个新的请求,就像这样:href="http://www.ph7ph7.com/html/"。命名锚通常用来在大型文档的开头创建章节表。这个页面的每个章节被加上一个命名锚,到这些锚的链接被放在页面的顶端。如果浏览器无法找到指定的命名锚,它将转到这个页面的顶部,而不显示任何错误提示。

分享