html锚文本是什么意思

html-css04

html锚文本是什么意思,第1张

html锚文本就是html超链接。即 使用超链接<A>标签，将文字或图片做上链接，这样将实现用户访问网页时（访问你发软文时）点击锚文本超链接转到你设置URL对应网页或网站。

B网页做上锚文本（使用HTML A标签）锚文本URL设置为C网页，这个时候相等于B网页内做上锚文本指向C网页，但用户点击这个锚文本时，从B网页将打开C网页。从SEO角度说，相等于B网页锚文本C网页，B网页相等于给C网页投票，有助于C网页在搜索引擎上更好排名。

html 锚文本即HTML超链接，代码如下：

语法：<a href="链接URL地址">被锚文本文字</a>

在网页中经常用到锚点，特别是在比较长的页面中锚点的使用会增加用户体验，现在php中文网介绍html 锚点三种实现方法

1） . 在同一页面中

<a name="add"></a>或者 <a id="add"></a>（ps：用id兼容性好些）

<a href="#add">跳转到add</a>

2） . 在不同页面中，锚点定位在a.html中，从另外一个页面的链接跳转到这个锚点

<a href="a.html#add">跳转到a.add</a>

3） . 点击链接触发js事件，同时跳转到锚点，有两种处理方式：

第一种：

<a href="#add" onclick="add()">触发add函数并跳转到add锚点</a>

第二种：

<p id="pNode"></p>

<a href="#" onclick="document.getElemetnById('pNode').scrollIntoView(true)return false">通过scrollIntoView实现锚点效果</a>

scrollIntoView()的用法

scrollIntoView 是一个与页面（容器）滚动相关的API（ 官方解释 ），该API只有boolean类型的参数能得到良好的支持（firefox 36+都支持），所以在这里只讨论参数Boolean类型的情况

调用方法为 element.scrollIntoView() 参数默认为true。

参数为true时调用该函数，页面（或容器）发生滚动，使element的顶部与视图（容器）顶部对齐；

参数为false时，使element的底部与视图（容器）底部对齐。

TIPS：页面（容器）可滚动时才有用！

同页面内上下转到指定位置，可以在一个空白HTML页面加入代码：<a href="#first" id="top"第一部分</a<div style="height:900pxborder:#ccc solid 1px"</div<div id="first" style="margin-top:10pxborder:#000 solid 1pxheight:100px"第一部分</div然后测试下效果，就能理解锚点的意思了。