1、方法一:
给锚点文本标签添加id,使用<a href="#"></a>来定位,当单击a链接时,就会跳到id为a01的p标签处;
如:
<div><a href="#a01"></a></div>
<p>练习</p><p>练习</p><p>练习</p><p>练习</p><p>练习</p>
<p id="a01">练习</p>
这样的定位可以针对任何标签来定位。
2、方法二:
给a标签的文本添加锚点,单击链接可跳到name为a01的a标签处;
如:
<div><a href="#a01"></a></div>
<p>xxx</p><p>xxx</p><p>xxx</p><p>xxx</p><p>xxx</p>
<a name="a01" href=“#”>练习</a>
使用name属性只能针对a标签来定位,而对div等其他标签就不能起到定位作用。
3、方法三:
使用js,如:
<li class="" onclick="javascript:document.getElementById('here').scrollIntoView()"></li>
扩展资料:
类似的html元素用法:
1、超链接对象
超链接是超级链接的简称。如果按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。
超链接是一种对象,它以特殊编码的文本或图形的形式来实现链接,如果单击该链接,则相当于指示浏览器移至同一网页内的某个位置,或打开一个新的网页,或打开某一个新的WWW网站中的网页。
2、动态静态
超链接还可以分为动态超链接和静态超链接。动态超链接指的是可以通过改变HTML代码来实现动态变化的超链接,例如可以实现将鼠标移动到某个文字链接上。而静态超链接,顾名思义,就是没有动态效果的超链接。
参考资料来源:百度百科-描点
参考资料来源:百度百科-超链接
锚标记用法:链接到同一文档中的特定位置叫做锚链接。
锚的使用方法是选择一个目标定位点,用来创建一个定位标记,用<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>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)