HTML 跳转锚点

跳转锚点

---

实现方式

方式一

#号 id属性

---

<a href="#md1">锚点一</a>
<a href="#md2">锚点二</a>
<a href="#md3">锚点三</a>

<h2 id="md1">锚点一</h2>
<p>锚点一</p>
...          <!-- 需要足够高度的才能看到跳转效果 这里使用内容将浏览器高度撑开高度 -->
<p>锚点一</p>

<h2 id="md2">锚点二</h2>
<p>锚点二</p>
...          <!-- 需要足够高度的才能看到跳转效果 这里使用内容将浏览器高度撑开高度 -->
<p>锚点二</p>

<h2 id="md3">锚点三</h2>
<p>锚点三</p>
...          <!-- 需要足够高度的才能看到跳转效果 这里使用内容将浏览器高度撑开高度 -->
<p>锚点三</p>

---

方式二

#号 name属性

---

<a href="#md1">锚点一</a>
<a href="#md2">锚点二</a>
<a href="#md3">锚点三</a>

<a name="md1"></a>
<h2>锚点一</h2>
<p>锚点一</p>
...          <!-- 需要足够高度的才能看到跳转效果 这里使用内容将浏览器高度撑开高度 -->
<p>锚点一</p>

<a name="md2"></a>
<h2>锚点二</h2>
<p>锚点二</p>
...          <!-- 需要足够高度的才能看到跳转效果 这里使用内容将浏览器高度撑开高度 -->
<p>锚点二</p>

<a name="md3"></a>
<h2>锚点三</h2>
<p >锚点三</p>
...          <!-- 需要足够高度的才能看到跳转效果 这里使用内容将浏览器高度撑开高度 -->
<p>锚点三</p>