HTML中的锚点

锚点是什么?
锚点也可以理解成为一种超级链接,只不过它是网页内部的超级链接(注意不是网站内部)。
比如我们有一个网页很长很长,而且里面的内容,可以分为N个部分。这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。
锚点的使用。
锚点从代码上看,仍然是超级链接的一种应用。
<a name="A1" id="A1"></a>这样的一个无内容的<a>标签,便是一个锚点了,我们可以把它放在网页中<body>与</body>之间的任意位置。当然,究竟放在哪个位置,就要看我们的实际需要了。
下面举一个例子:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://weibo.com/1300753062/profile">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>锚点示例</title>
</head>

<body>
<a name="A0" id="A0"></a>
<a href="#A1">网页第一部分</a>
<a href="#A2">网页第二部分</a>
<div style="height:900px; background:#CCCCCC"></div>
<a name="A1" id="A1"></a>1<a href="#A0">返回顶部</a>
<div style="height:900px; background:#999999"></div>
<a name="A2" id="A2"></a>2<a href="#A0">返回顶部</a>
<div style="height:900px; background:#666666"></div>
</body>
</html>

另外再说一下,<a name="A0" id="A0"></a>中的name与id,可以只使用一个,但某些情况下,只是用name会造成锚点无效的错误。建议还是name与id同时使用。

时间: 2024-11-07 05:41:31

HTML中的锚点的相关文章

Cocos2d-x 3.0final 终结者系列教程08-绘图节点Node中的锚点和坐标系

图片问答,(只要回答正确,锚点和坐标系就学会了) 1.下图一共有几个填充为淡黄色的实心矩形? 选择:A,2个  B, 4个 C,1个 D,16个 答案,B,4个 2.下图的4个实心矩形排列在几行几列? 选择:A,1行1列 B,2行2列 答案,B 3.在每个实心矩形外侧都代表了屏幕,并标记了屏幕坐标系,和OpengGL坐标系,请问以下回答哪个正确? A,下图第一列是屏幕坐标系,左上角为0,0点,第二列是OpenGL坐标系,左下角为(0,0)点 B,    文章喜欢马伊琍 C,   黄海波是被陷害的

html中设置锚点定位的几种常见方法(#号定位)

在html中设置锚点定位我知道的有几种方法,在此和大家分享一下: 1.使用id定位: <a href="#1F">锚点1</a> <div id="1F"> <p> 11111111111 </br> 11111111111 </br>11111111111 </br>11111111111 </br>11111111111 </br>11111111111

a标签中的锚点使用方法

今天要和大家分享的是a标签中的锚点的使用方法 在html5中,<a>标签有一种用途,是能够在当前文档中用来作为一个标记,提供一个可以直接衔接的标签. 例如,一个大的文档可能有好几个部分,我们可以在文档的顶部放置到每个部分的衔接,以允许用户很容易的访问每个部分. 为了文档中创建一个锚点,我们使用<a>标签的name属性. 例如,下面代码在"第一章"的头部创建了一个"chapter1"锚点: <h1><a name ="

css中的锚点

一,在同一页面: 在页面适当位置定义如下的锚点: <a name="top">这里是TOP部分</a> <a name="content">这里是CONTENT部分</a> <a name="foot">这里是FOOT部分</a> //这里的name换成id同样有效 (你可以使用id属性来替代name属性,明明锚点同样有效) 注意:使用id来定义锚点,可以定位针对任何标签来定

去掉浏览器中的锚点#号

首先要知道这个锚点是如何加上去的,目前使用过两种方式加入了锚点 1:标签中的href 2:window.location.has 第一种很常见网上用例也比较多: 点击这个超链接就会在url中加入锚点 <a class="scroll" href="#content01">内容</a> 去掉的话 $(".scroll").click(function(event){ event.preventDefault(); }); 第

html5中的锚点特效

html5的强大让我感觉越发兴奋,今天在写一个js demo---网页定位导航特效的时候,在涉及到页面的快速定位的时候,我还以为要用很复杂的js实现,结果之后才发现,html5有一个很酷的效果,虽然这个锚点特效只能支持Chrome,火狐,IE8以上等浏览器.但是在不考虑一些旧的浏览器的兼容情况的时候,可以使用,而且效果是杠杠的 在html5中,锚点使用id名称而不再是name属性了 demo 例子: <!DOCTYPE html>    <html>        <head

Cocos2d-x 3.0final 终结者系列教程08-画图节点Node中的锚点和坐标系

图片问答,(仅仅要回答正确,锚点和坐标系就学会了) 1.下图一共同拥有几个填充为淡黄色的实心矩形? 选择:A,2个  B, 4个 C,1个 D,16个 答案.B.4个 2.下图的4个实心矩形排列在几行几列? 选择:A,1行1列 B,2行2列 答案,B 3. 在每一个实心矩形外側都代表了屏幕,并标记了屏幕坐标系.和OpengGL坐标系,请问下面回答哪个正确? A,下图第一列是屏幕坐标系.左上角为0,0点,第二列是OpenGL坐标系,左下角为(0,0)点 B,    文章喜欢马伊琍 C,   黄海波

unity中关于锚点的相关知识

下面是我创建的一个空白的Image,刚建立出来,4个锚点是合并在一起的,注意四个蓝色的实心点和四个空心三角锚点. 1.四个锚点,相对于四根钉子,钉子Image的父级元素上. 2.四个实心蓝点,相当于四个纽扣,缝在Image的四个边上. 3.锚点和纽扣之间被四根无形的钢丝链接,注意是钢丝,因为不会伸缩. 4.如果把Image调整好了大小,现在想让他随着屏幕的变化进行缩放,那么就把四个锚点,拖拽到四个纽扣上,相对于把Image      的四个角钉在了父级元素上,父级元素缩放就会拽着Image进行缩

markdown中的锚点处理

markdown markdown是一个相对简单的DSL,定义了简单的标签来描述html文档格式. 比如: #一级标题 来生成html <h1>一级标题<h1> ##二级标题 来生成html <h2>二级标题<h2> [链接文字][link id] 与 [link id]:www.baidu.com 的组合来描述一个链接: [链接文字][url name] [url name]: http://www.baidu.com markdown的局限 使用了一段时