html中如何用锚标记来做跳页

html-css016

html中如何用锚标记来做跳页,第1张

锚标记用法:

链接到同一文档中的特定位置叫做锚链接。

锚的使用方法是选择一个目标定位点,用来创建一个定位标记,用<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>

1. 没有中间页的跳转:直接用PHP发送一个头信息:Location: http://xxx.com/xx.php

<?php

header("Location: http://xxx.com/xx.php")

其他代码的类似,只要头信息一样就行

2.有中间跳转页,用<meta http-equiv="refresh" content="3 url=http://wap.google.cn" />

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="application/xhtml+xmlcharset=GBK"/>

<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0"/>

<meta http-equiv="refresh" content="3 url=http://wap.google.cn" />

<link rel="alternate" media="handheld" href="http://www.google.cn/m?start=start&pref=s&sigp=start+pref&sig=AMctaOLKZhmfx44ID3KZqYUNPvqcqL2gMQ&hl=zh_CN&gwt=on&lochist=on" />

<meta http-equiv="Cache-Control" content="no-cache"/>

</head>

<body>

<div>

跳转中...

</div>

</body>

</html>

第一个页面 test.html

第二个页面 test1.html

实现原理:

跳转到指定的test1.html 页面

onclick="window.location.href='test1.html'" 

返回上一个页面

onclick="window.history.go(-1)"  

或者

onclick="window.history.back()"

望采纳!!