精华内容
下载资源
问答
  • html 中的锚点

    2018-12-02 11:09:57
  • HTML中的锚点

    2019-10-03 20:23:18
    这样的话,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。锚点的使用。锚点从代码上看,仍然是超级链接的一种应用。<a ...

    锚点是什么?
    锚点也可以理解成为一种超级链接,只不过它是网页内部的超级链接(注意不是网站内部)。
    比如我们有一个网页很长很长,而且里面的内容,可以分为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同时使用。

     

    转载于:https://www.cnblogs.com/xiaosen992608/p/4046524.html

    展开全文
  • html中的锚点

    千次阅读 2019-06-17 13:50:05
    一、页面内跳转的锚点设置 页面内的跳转需要两步: 方法一: ①:设置一个锚点链接<a href="#miao">去找喵星人</a>;(注意:href属性的属性值最前面要加#) ②:在页面需...

    https://www.cnblogs.com/qiujianmei/p/7111600.html

     

     

    一、页面内跳转的锚点设置

            页面内的跳转需要两步:

            方法一:

            ①:设置一个锚点链接<a href="#miao">去找喵星人</a>;(注意:href属性的属性值最前面要加#)

            ②:在页面中需要的位置设置锚点<a name="miao"></a>;(注意:a标签中要写一个name属性,属性值要与①中的href的属性值一样,不加#)标签中按需填写必要的文字,一般不写内容

            方法二:

            ①:同方法一的①

            ②:设置锚点的位置  <h3 id="miao">喵星人基地</h3>;在要跳转到的位置的标签中添加一个id属性,属性值与①中href的属性值一样,不加#

            方法二不用单独添加一个a标签来专门设置锚点 ,只在需要的位置的标签中添加一个id即可。

    小案例:

    <!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" xml:lang="en">
    <head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
        <title>萌宠集结号</title>
    </head>
    <body>
        <ul>
            <li><a href="#miao">去找喵星人</a></li>
            <li><a href="#wang">去找汪星人</a></li>
            <li><a href="#meng">其他萌物</a></li>
        </ul>

        <a name="miao"></a><!--设置锚点方法1-->
        <h3 id="miao">喵星人基地</h3><!--设置锚点方法2-->
        <p>喵喵喵~</p>
        <p>喵喵喵~</p>
        <p>喵喵喵~</p>
        <p>喵喵喵~</p>
        <p>喵喵喵~</p>
        <p>喵喵喵~</p>
        
        <a name="wang"></a>
        <p>汪汪汪~</p>
        <p>汪汪汪~</p>
        <p>汪汪汪~</p>
        <p>汪汪汪~</p>
        <p>汪汪汪~</p>
        <p>汪汪汪~</p>

        <a name="meng"></a>
        <p>萌萌萌~</p>
        <p>萌萌萌~</p>
        <p>萌萌萌~</p>
        <p>萌萌萌~</p>
        <p>萌萌萌~</p>
        <p>萌萌萌~</p>
    </body>
    </html>

     

    二、跨页面跳转

    ①:设置锚点链接,在href中的路径后面追加:#+锚点名,即可

           如:<a href="萌宠集结号.html#miao">跳转到萌宠集结号页面</a>

    ②:要跳转到的页面中要设置锚点,方法见一种的步骤②,两个方法任选其一。

    展开全文
  • html中的锚点实现

    2020-09-12 12:23:29
    html中的锚点是使用超链接来实现的 超链接中的href 表示跳转的目的地,当href的值为目标元素的ID值,即可实现锚点跳转 href="#目标元素的ID值" <a href="#one">跳转到one</a> <div id="one">one...

    html中的锚点是使用超链接来实现的
    超链接中的href 表示跳转的目的地,当href的值为目标元素的ID值,即可实现锚点跳转 href="#目标元素的ID值"

        <a href="#one">跳转到one</a>
        <div id="one">one</div>
    
    展开全文
  • html中的锚点设置

    2019-09-29 02:58:30
    html中的锚点 一、页面内跳转的锚点设置 页面内的跳转需要两步: 方法一: ①:设置一个锚点链接去找喵星人;(注意:href属性的属性值最前面要加#) ②:在页面中需要的位置设置锚点<a name="miao"></a>...
  • 今天自学到HTML中的锚点知识,联想到了长网页上的“返回顶层”按钮,应该是用了锚点吧。 锚点语法: <a name="锚点名字">我是锚点</a> 运用到网页的返回顶层代码: <!DOCTYPE html> <h....
  • HTML中的锚点连接

    2020-10-21 22:52:29
    简介: HTML中的链接,正确的说法应该称作"锚点",它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,更能当作"精准链接"的便利...
  • “#”在这里相当于一个定位符,准确定为锚点所在位置,“#'加上锚点就构成了一个锚点链接,herf后面跟就是链接啊,”#a"就是一个锚点链接。
  • html中的锚点知识

    2019-12-23 07:31:54
    经常在网页上看到,当鼠标将网页移动到底部时候会有一个让我们返回大顶部按钮,那个就是通过锚点让我们返回到指定位置,这个就是a标签产生效果,通过href指定位置去访问,如果我们要访问百度网页...
  • 关于Html中的锚点

    2020-06-15 15:29:26
    说实话以前还真没有关注过这个锚点,现在整理如下: 在文字顶部中部和底部分别写上如下: a name=“top”>TOP部分 a name=“content”>CONTENT部分 a name=“foot”>FOOT部分 以下访问链接 a href="#top...
  • 锚点是网页制作超级链接一种,锚点像一个迅速定位器一样是一种页面内超级链接,运用相当普遍。 举例: 123 跳转至最上方
  • 一、页面内跳转的锚点设置 页面内的跳转需要两步: 方法一: ①:设置一个锚点链接<a href="#miao">去找喵星人</a>;(注意:href属性的属性值最前面要加#) ②:在页面需要的位置设置锚点<a ...
  • 锚点就是在html页面先定义好,在点击某个元素后,直接跳转到定义位置。 首先需要给元素添加id元素 <img src="img/1.jpg" alt="" id="img1" /> 给其他元素添加锚点连接方式 <a href="#img1"&...
  • 网页中的锚点对初学网页设计的人感觉很模糊,但是他的使用确实我们在日常中经常见到的,下面就给大家说一说锚点的使用。 在W3C标准字“Anchor”一词即为锚点,其解释为:资源中的某个区域可以是零个、一个或多个链接...
  • 锚点是网页制作超级链接的一...在HTML页面适当位置定义如下的锚点: <a name="top">这里是TOP部分</a> <a name="content">这里是CONTENT部分</a> <a name="foot">这里是FOOT部分...
  • 一、页面内跳转的锚点设置 页面内的跳转需要两步: 方法一: ①:设置一个锚点链接<a href="#miao">去找喵星人</a>;(注意:href属性的属性值最前面要加#) ②:在页面需要的位置设置锚点<...
  • html中的锚点笔记

    2016-02-28 01:03:01
    先上例子 先建一个anchor.html的文件 代码如下: <html> <title>Test Anchor *{ margin: 0px; pa
  • 锚点设置: <a href="#1">锚点</a> <a name="1"></a> table表格格式: <table width="100" height="100" border="1">表格宽高边框  <tr>行  <td>单元格</td...
  • 锚点是网页制作超级链接一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内超级链接,运用相当普遍。 那么他是如何来写呢: 这里可以放图标 也可以放文字 您可以使用 id 属性来替代 ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,240
精华内容 496
关键字:

html中的锚点