今天我们来讲一下用a标签的name属性和id属性来实现页内的跳转
以前只知道用a标签的name属性来跳转,今天才知道还可以用id。
不知道还有没有其他的方式。name可以有重复多个,id只能用一次,当然,如果你不打算遵守规范,用几次都行。
demo如下:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Demo--页面内跳转</title>
<style type="text/css">
.div1{height:400px;background:gray}
</style>
</head>
<body>
<a href="#jump1">页内跳转演示1——A标签href="#jump1"</a><br _fcksavedurl=""#jump1">页内跳转演示1——A标签href="#jump1"</a><br" /><a href="#jump2">页内跳转演示2——A标签href="#jump2"</a>
<div class="div1"></div>
<p id="jump1">页内跳转演示1——任意标签id="jump1"</a>
<div class="div1"></div>
<a name="jump2">页内跳转演示1——A标签name="jump2"</a>
<div class="div1"></div>
</body>
</html>
最新资讯
从货拉拉危机 看那些带“病”闯关IPO的公司都怎样了?

从货拉拉危机 看那些

商业模式未打磨到位,强行上市结局并不美好。
名创优品2021财年Q2营收22.98亿元 环比增长11%

名创优品2021财年Q2营

名创优品公布2021财年第二财季未经审计财报。财报显示
“优刻得”2020年营收24.66亿元 同比增长62.79%

“优刻得”2020年营收

2020年年度优刻得实现营业收入24.66亿元,与上年同期相
唯品会2020年第四季度净利润26亿元 同比增长33.4%

唯品会2020年第四季度

财报显示,2020年四季度,唯品会实现营收358亿元,同比增长2
吉利、沃尔沃合并新方案:股权架构不变 资本市场无限可能?

吉利、沃尔沃合并新方

亲兄弟也要明算账,全面合并的时机还未到来。
猿辅导教师集体出走事件:在线教育打响“挖角”大战

猿辅导教师集体出走事

在线教育机构主讲老师流失带来的影响,远远大于线下培训
最新文章
详解HTML中字体使用line-height依然不能垂直居中解决办法

详解HTML中字体使用li

这篇文章主要介绍了详解HTML中字体使用line-height依
html直接引用vue和element-ui的方法

html直接引用vue和ele

这篇文章主要介绍了html直接引用vue和element-ui的方
在HTML里加载摄像头的方法

在HTML里加载摄像头的

这篇文章主要介绍了如何在HTML里加载摄像头,本文通过实
html父子页面iframe双向发消息的实现示例

html父子页面iframe双

这篇文章主要介绍了html父子页面iframe双向发消息的实
HTML用户注册页面设置源码

HTML用户注册页面设置

这篇文章主要介绍了HTML用户注册页面设置源码,代码简
当div设置contentEditable=true时,重置其内容后无法光标定位

当div设置contentEdit

这篇文章主要介绍了解决当div设置contentEditable=tru