CSS3 target-name属性

描述

CSS3 target-name属性定义目标锚点的名称。目标锚点是web文档中任何元素的标识符，可以通过href属性的值访问到。

语法

target-name: <name> | inherit;

属性值

• <name>：指定目标锚点的名称，只能是一个单词，英文字母大小写无关，不允许包含任何空格或特殊符号。
• inherit：继承父元素的target-name属性值。

示例

设置目标锚点的名称为"mytarget"：

a.target {
  target-name: "mytarget";
}

备注

访问目标锚点

通过href属性访问目标锚点时，需要在URL中添加"#“符号，以及目标锚点的名称，例如：

<a href="#mytarget">Click here to go to my target</a>

兼容性

目前target-name属性仅在Firefox和Chrome中被支持，其他浏览器不支持。建议在使用前检查浏览器兼容性。

总结

CSS3 target-name属性定义目标锚点的名称，使得web文档可以更好的进行导航和跳转。但由于目前兼容性较差，建议谨慎使用。