HTML框架——有锚点的链接

制作如下效果页面:

f1.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    <a href="f2.html" target="content">没有锚点的连接</a>
    <br/>
    <a href="f2.html#a3" target="content">没有锚点的连接</a>
</body>
</html>

f2.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
    <a name="a1">
        <h1>第一节内容</h1>
        <p>内容内容内容内容内容</p>
        <br/><br/><br/>
    </a>
    <a name="a2">
        <h1>第二节内容</h1>
        <p>内容内容内容内容内容222</p>
    </a>
    <a name="a3">
        <h1>第三节内容</h1>
        <p>内容内容内容内容内容222</p>
    </a>
    <a name="a4">
        <h1>第四节内容</h1>
        <p>内容内容内容内容内容222</p>
    </a>
    <a name="a5">
        <h1>第五节内容</h1>
        <br/><br/><br/>
        <br/><br/><br/>
        <p>内容内容内容内容内容222</p>
    </a>
</body>
</html>

index.html

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<frameset cols ="120,*">
    <frame src="f1.html" noresize="noresize">
    <frame src="f2.html" noresize="noresize" name="content">

</frameset>
<noframes>
    <body>
    当前浏览器不支持框架
    </body>
</noframes>
</html>
时间: 2024-10-11 01:42:41

HTML框架——有锚点的链接的相关文章

解决在网页里设置锚点后,链接不到相应位置

在网页里设置锚点后,链接不到相应位置,常常出现点完链接后跳到相应位置偏下的位置, <div class="row" id="alter-title" name="alter-title"> 只需要在设置id的位置设置它的样式padding-top; .row{padding-top:20px;} 像数根据实际情况调 解决在网页里设置锚点后,链接不到相应位置,布布扣,bubuko.com

框架,锚点,背景音乐,嵌入视频和跑马灯效果

框架,iframe有点过时,会在部分浏览器出现一些奇怪的问题:设置三个属性: 1.src,框架默认的显示路径 2.name,让超链接的target属性与name值相等,就可以将超链接网页在框架中打开 3.框架的宽度和高度 站点:实际上就是一个文件夹,单独起了一个名字.统一来管理所有页面,就是一个站点,称之为网站 锚点: 书写格式:<a href="#锚点位置对应的名称">内容</a> --#是在本页面中 <a name="锚点位置的名称"

有锚点的链接页面刷新的问题

最近在做一个AIP页面的文档,基本左边都是锚点链接,右边是具体的API.程序告诉我点击左边的锚点右边可以跳转,但是刷新的时候会回到顶部.之后我查了下,可以用hash获取跳转的锚点.再用jquery animate重新滚动到当前页面即可. 1 $(function(){ 2 var anchor = window.location.hash;//获取地址#后的内容 3 var subanchor= anchor.substr(1);//去掉#号: 4 var top = $("#"+su

框架和锚点

框架,iframe有点过时,会在部分浏览器出现一些奇怪的问题:设置三个属性: 1.src,框架默认的显示路径 2.name,让超链接的target属性与name值相等,就可以将超链接网页在框架中打开 3.框架的宽度和高度 锚点:<body><a href="#aaa">去锚点</a><br /><a href="#bbb">内容</a>内容<a name="aaa"&g

锚点和链接冲突的

设置锚点 <a name="mao"></a> 点击链接显示到锚点位置 <a href="{url ask/index/type/$type/catid/$val[catid]}#mao" {if $val[catid] == $catid}class="active2"{/if} >$val[name]</a> 原文地址:https://www.cnblogs.com/xqchen/p/10449

HTML 链接

HTML 使用超级链接与网络上的另一个文档相连. 几乎可以在所有的网页中找到链接.点击链接可以从一张页面跳转到另一张页面. 实例 创建超级链接 本例演示如何在 HTML 文档中创建链接. 将图像作为链接 本例演示如何使用图像作为链接. (可以在本页底端找到更多实例) HTML 超链接(链接) 超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分. 当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手. 我们通过使用 <a>

HTML5——7iframe框架

1.目的:iframe框架旨在将多个页面整合在一个页面内. 2.主要属性 iframe的属性标签主要有 name src. src 超链接标签可以在iframe框架内打开新的链接 name标签 可以设置锚点,进行跳转 iframe 还可以设置宽高等属性 width height等属性 3.测试效果 src标签 <!DOCTYPE html><html><head><meta charset="UTF-8"><title>ifr

《用Python写网络爬虫》示例网站搭建(框架+本书pdf+章节代码)

所用到的代码及工具 示例网站源码+框架+本书pdf+章节代码 链接: https://pan.baidu.com/s/1miHjIYk 密码: af35 环境 python2.7 win7x64 示例网站搭建 wswp-places.zip 书中站点源码web2py_src.zip 站点所使用的框架 1 解压web2py_src.zip2 然后到web2py/applications目录下 3 将wswp-places.zip解压到applications目录下 4 返回上一层目录,到web2p

XHTML 链接

链接 链接可以实现不同页面之间的跳转 <a href=""></a> 属性说明 - herf,链接指向的网页的URL - target,在何处打开链接文档 _blank _parent _self _top framename - name,锚点名称 电子邮件链接 <a href="mailto:电子邮件地址">...</a> 锚点链接 锚点是链接到页面的某一个特定的位置,也称为书签链接 描点适合创建帮助页面 创建锚点