欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  一、页面内跳转的锚点设置
 
  页面内的跳转需要两步:
 
  方法一:
 
  ①:设置一个锚点链接<ahref="#miao">去找喵星人</a>;(注意:href属性的属性值最前面要加#)
 
  ②:在页面中需要的位置设置锚点<aname="miao"></a>;(注意:a标签中要写一个name属性,属性值要与①中的href的属性值一样,不加#)标签中按需填写必要的文字,一般不写内容
 
  方法二:
 
  ①:同方法一的①
 
  ②:设置锚点的位置<h3id="miao">喵星人基地</h3>;在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加#
 
  方法二不用单独添加一个a标签来专门设置锚点,只在需要的位置的标签中添加一个id即可。
 
  小案例:
 
  
 
  
 
  <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
  <htmlxmlns="http://www.w3.org/1999/xhtml"xml:lang="en">
 
  <head>
 
  <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8">
 
  <title>萌宠集结号</title>
 
  </head>
 
  <body>
 
  <ul>
 
  <li><ahref="#miao">去找喵星人</a></li>
 
  <li><ahref="#wang">去找汪星人</a></li>
 
  <li><ahref="#meng">其他萌物</a></li>
 
  </ul>
 
  <aname="miao"></a><!--设置锚点方法1-->
 
  <h3id="miao">喵星人基地</h3><!--设置锚点方法2-->
 
  <p>喵喵喵~</p>
 
  <p>喵喵喵~</p>
 
  <p>喵喵喵~</p>
 
  <p>喵喵喵~</p>
 
  <p>喵喵喵~</p>
 
  <p>喵喵喵~</p>
 
  <aname="wang"></a>
 
  <p>汪汪汪~</p>
 
  <p>汪汪汪~</p>
 
  <p>汪汪汪~</p>
 
  <p>汪汪汪~</p>
 
  <p>汪汪汪~</p>
 
  <p>汪汪汪~</p>
 
  <aname="meng"></a>
 
  <p>萌萌萌~</p>
 
  <p>萌萌萌~</p>
 
  <p>萌萌萌~</p>
 
  <p>萌萌萌~</p>
 
  <p>萌萌萌~</p>
 
  <p>萌萌萌~</p>
 
  </body>
 
  </html>
 
  二、跨页面跳转
 
  ①:设置锚点链接,在href中的路径后面追加:#+锚点名,即可
 
  如:<ahref="萌宠集结号.html#miao">跳转到萌宠集结号页面</a>
 
  ②:要跳转到的页面中要设置锚点,方法见一种的步骤②,两个方法任选其一。





本文转载自中文网
 

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h54694.shtml