CSS3 target-name 属性
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文档可以更好的进行导航和跳转。但由于目前兼容性较差,建议谨慎使用。