CSS 参考手册 目录

CSS3 target-name 属性

target-name 属性用于指定链接的目标名称,通常用于在同一页面内跳转到指定位置。在实际应用中,可以通过设置 target-name 属性来实现页面内的锚点跳转。

语法

----------------------- -
  -- --- -- --
-

  • target-name:指定链接的目标名称,通常用于在同一页面内跳转到指定位置。

示例

--------- -----
----- ----------
------
----- ----------------
----- ---------------------------- ------------------
----- --------------- ---------------------------- -------------------
------------- ---- ---------------
-------
  ----------------------- -
    ------ -----
    ---------------- -----
  -
--------
-------
------
  ---------- ---- ------------
  -- ---------------- ----------------------- -- ------- -----
  -- ---------------- ----------------------- -- ------- -----

  --- --------------------- ------
  -------- ----- ----- --- ----- ----------- ---------- ---------

  --- --------------------- ------
  ------ -- ------- ------ ---------- -- ------ -- ------ ----- -----------
-------
-------

在上面的示例中,我们定义了两个带有 target-name="_blank" 属性的链接,点击这些链接将会跳转到页面内指定的位置(Section 1 和 Section 2)。这样可以方便用户在同一页面内快速导航到指定内容。

注意事项

  • target-name 属性仅在 HTML 中的锚点跳转时有效,对于外部链接无效。
  • 使用 target-name 属性时,需要确保目标位置的元素具有对应的 id 属性,以便正确跳转到指定位置。

上一篇:CSS 属性 target
下一篇:CSS 属性 target-new