HTML网页制作:制作锚点链接

2022-07-14    分类: 网站建设

1、锚点链接定义:
指我点击页面中的某一个链接(锚点链接),就会跳到这个页面的指定位置(锚点)。

2、锚点链接的步骤:
(1)、设置锚点:<a name="锚点的名字"></a>

意思是在网页中的某一个位置,插入一个锚点。

(2)、设置锚点链接:<a href="#锚点的名字">点我就会跳到锚点处</a>

意思是在网页中的某一个位置链接之前设定的锚点,只要点击该链接,就会自动跳转到锚点处。

(3)、此时,点击锚点链接就会跳到锚点的位置。

3、举例:
多个网站中的 回到顶部 按钮 就是用锚点做的。

<p name="top" id="top">这里是顶部</p>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<a href="#top">回到顶部</a>
通常锚点定义只需要写name这个属性,不过在xhtml中更正式是需要写上id。


在SEO优化中,锚点链接有何作用 对成都网站优化来说,HTML网站制作锚点链接是最基本的优化方式之一,在页面中适当的加一些链接,更有助于网站的排名。

网页名称:HTML网页制作:制作锚点链接
文章URL:/news12/178112.html

成都网站建设公司_创新互联,为您提供ChatGPT关键词优化自适应网站网站收录定制开发做网站

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

h5响应式网站建设