📌  相关文章
📜  HTML | DOM 锚主机名属性(1)

📅  最后修改于: 2023-12-03 14:41:51.783000             🧑  作者: Mango

HTML | DOM 锚主机名属性

在 HTML 中，DOM 锚主机名属性是用于指定页面内的位置的一种方式。通过在 URL 后添加"#"字符和一个锚点名称，可以将页面滚动到指定的位置。

语法
<a name="anchor_name"></a>
  • name：锚点名称，用于标识页面内的位置。
使用方法
  1. 在 HTML 页面的合适位置插入一个 <a> 标签，并通过 name 属性给锚点指定一个唯一的名称。
<a name="section1"></a>
  1. 创建指向锚点的链接。在 <a> 标签的 href 属性中，指定当前页面的 URL 后跟 "#" 字符和锚点名称。
<a href="#section1">跳转到第一节</a>
  1. 当点击链接时，页面会滚动到指定的位置。
注意事项
  • 锚点名称必须在页面内唯一。如果有多个相同名称的锚点，只会滚动到第一个匹配的位置。
  • 锚点名称中不能含有空格或特殊字符，最好使用小写字母和连字符。
  • id 属性也可以用于创建锚点，效果与 name 属性相同。不过，id 属性更常用于 JavaScript 操作中。
示例
<!DOCTYPE html>
<html>
<head>
<title>锚主机名属性示例</title>
</head>
<body>
<a name="section1"></a>
<h1>第一节</h1>
<p>这是第一节的内容。</p>

<a name="section2"></a>
<h1>第二节</h1>
<p>这是第二节的内容。</p>

<a href="#section1">跳转到第一节</a>
<a href="#section2">跳转到第二节</a>
</body>
</html>

以上示例会创建两个锚点，并为两个标题创建了对应的跳转链接。当点击链接时，页面会滚动到对应的节的位置。

注意：本文中的代码片段为 HTML 代码，需要在实际使用时嵌入到合适的 HTML 页面中。

参考链接：HTML DOM Anchor hostname 属性