阿西河

所有教程

公众号
🌙
阿西河前端的公众号

我的收藏

    最近访问  (文章)

      教程列表

      抓包专区
      测试专区

      html 锚点

      html 锚点

      锚点是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。

      英文名:anchor

      使用命名锚记可以在文档中设置标记,这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接,这些链接可快速将访问者带到指定位置。

      创建到命名锚记的链接的过程分为两步。首先,创建命名锚记,然后创建到该命名锚记的链接。

      html 锚点 到底是干吗的?

      通俗简单地说,比如一篇很长的文章,你想按分段精确来看,那就可以用到锚点了。

      代码:
      <a href="#001">跳到001</a>
      ...文字省略
      <a name="001" id="001" ></a>
      ...文字省略
      

      其实锚点只需 name 就可以可,加 id 是为了让它兼容性更好。 href 的值要跟 name \ i d 一致,前面必须加”#“,以上代码在 ie6/7,ff 中都可以兼容,但在 ie8 中就不行。

      因为我们锚点的<a></a>值为空,为不影响美观我们加个空格就行了,

      演示

      <html>
      <body>
      <p>
      <a href="#method1">页面锚点方法一</a>
      </p>
      <p>
      <a href="#method2">页面锚点方法二</a>
      </p>
      <h2><a name="method1">方法一</a></h2>
      <p>使用锚标签的 href 和 name 属性</p>
      <h2 id="method2">方法二</h2>
      <p>使用锚标签和 id 属性</p>
      </body>
      </html>
      

      更多 HTML 搜索

      通过查看前端开发者在搜索引擎里的搜了哪些 HTML 内容,可以知道他们实际工作使用了什么技术或者什么地方薄弱;

      你可以通过点击 HTML 常见搜索 来查看前端开发者都在搜哪些内容;

      注:这里仅收录了常见搜索,并不是无论搜索什么都记录在里面的;

      如果你是为了面试做准备的,那么推荐你查看 HTML面试题,这里基本包涵了市场上的所有 HTML 方面的面试题,让你更加牢固的掌握 HTML 知识

      卖前端学习教程

      只需几十元,就能买到培训班的内部教程!开启高薪之路!

      零基础小白阿里P7的教程都有!

      同时长期收购所有培训班的前端教程

      目录
      目录