社区 学习 工具库 休闲
搜索
简体中文
首页 > web前端 > html教程 > html中设置锚点定位的几种常见方法_HTML/Xhtml_网页制作

html中设置锚点定位的几种常见方法_HTML/Xhtml_网页制作

WBOY
发布： 2016-05-16 16:37:41
原创
2646 人浏览过

在html中设置锚点定位我知道的有几种方法，在此和大家分享一下：

1、使用id定位：

复制代码
代码如下:

锚点1


11111111111

11111111111
11111111111
11111111111
11111111111
11111111111
11111111111
11111111111
11111111111
11111111111
11111111111
11111111111
11111111111
11111111111
11111111111
11111111111




这样的定位可以针对任何标签来定位。

2、使用name定位：

复制代码
代码如下:

使用name属性只能针对a标签来定位，而对div等其他标签就不能起到定位作用。

3、使用js定位

复制代码
代码如下:


    • 相关标签：
    html
    来源：php.cn
    上一篇：显示flash内容时用的OBJECT和EMBED标签区别介绍_HTML/Xhtml_网页制作 下一篇：html页面互相传值的问题解决方案_HTML/Xhtml_网页制作
    本站声明
    本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
    作者最新文章
    最新问题
    PX自动转换为REM错误  <style>html {   字体大小：calc(100vw / 3.75);      }body {    字体大小：0.16rem；      }</s...
    来自于 2024-04-16 09:34:16
    0
    0
    4687
    页面突然无法拉动 css 或 bootstrap 所以我正在开发一个页面，我昨天做了一部分，效果很好，今天我继续做剩下的部分，一切都很好。当我尝试将其作为普通html页面打开时，CSS或BOOTSTRAP不起作用，仅显示页面文本，...
    来自于 2024-04-06 21:58:04
    0
    1
    800
    解决CSS中页面底部神秘空白的方法 我正在尝试使用Bootstrap和D3构建一个简单的网页，但我不知道如何消除底部的所有空白。我想摆脱它。我尝试将body和html的min-height设置为100%，但没有任何作...
    来自于 2024-04-06 20:22:15
    0
    1
    454
    如何在 livewire 惰性占位符中使用 laravel 组件 我想在livewire3占位符内添加我的laravel组件的骨架到目前为止我已经尝试过：通过包含Laravel组件来实现Livewire类：publicfunctionplaceh...
    来自于 2024-04-06 20:02:10
    0
    2
    543
    用 HTML 代码（从数组生成）替换字符串的顶级方法 给定一个像这样的字符串...$htmlPattern="Usernameis:#name#andusercompanyis#company#";如何将子字符串#...
    来自于 2024-04-06 17:40:41
    0
    2
    410
    相关专题
    更多>
    热门推荐
    热门教程
    更多>
    相关教程
    热门推荐
    最新课程
    最新下载
    更多>
    网站特效
    网站源码
    网站素材
    前端模板