html锚标记怎么用,锚链接用法举例

发布时间:2019-08-02编辑:脚本学堂
有关html中锚标记的用法,选择一个目标定位点,用来创建一个定位标记,html a标签属性的用法,锚链接的定义与使用,需要的朋友参考下。

锚标记用法:
链接到同一文档中的特定位置叫做锚链接
锚的使用方法是选择一个目标定位点,用来创建一个定位标记,用<a>标记的name属性的值来确定

定位标记名称。

格式为:
 

<a name="定位标记名">
 

属性 name 用于创建一个命名的锚。当使用一个命名的锚,可以创建一个直接跳转到页面的指定部分的链接,而不需要通过滚动条拖动来找需要的部分。

创建一个命名锚的语法:
 

<a name="label">Text to be displayed</a>


属性 name 用于创建一个命名的锚。

定义一个命名的锚:
 

<a name="tips">Useful Tips Section</a>

然后,在网页的任何地方建立对这个目标标记的链接,在标题上建立的链接地址名字要和定位标记名相同,前面还要加上"#"号。

格式为:
 

<a href="#定位标记名">


一个命名锚在显示时与普通链接没什么特别不同之处。
为了直接链接到“要点”部分,一般需要在所请求的 URL 末尾加上符号 # 以及锚名称,象这样:
 

<a href="Jump'>http://www.w3schools.com/html_links.asp#tips">Jump to the Useful Tips Section</a>

到文件 "html_links.asp" 内部(一个页面内部)的可用锚链接的语法如下:
 

<a href="#tips">Jump to the Useful Tips Section</a>

例子:
 

<a href="#tag" >从这里</a>
<div style="height:600px"></div><a name="tag">跳到这里</a>