锚和编号工作以引用页面上的特定部分
我一直在尝试使用锚定标记和ID来引用页面中的特定部分，但出于某种原因，我所得到的只是一个空白页面。 无论我尝试多少种不同的配置，我最开始工作的只是一个链接，然后第二个只显示一个空白页面。
尝试<a href> ， <a name>并使用<div ID="">但似乎没有任何工作。 有任何想法吗？
以下是链接和部分代码：
<li>
<a href="servicios.html#distro">Distribución del espacio</a>
</li>
<section id="distro" class="section-block replicable-content bkg-charcoal color-white no-padding-bottom">
<div class="row horizon" data-animate-in="preset:slideInRightShort;duration:1000ms;" data-threshold="0.3">
<div class="column width-5 offset-2">
<h2 class="mb-30"><a name="#distro">Distribución del espacio</a></h2>
</div>
...
在这里看到网站
检查“Servicios”下的菜单选项
顺便说一句在锚中使用href而不是名称无济于事。
这将打开页面servicios.html ，然后转到锚点#distro ：
<li>
<a href="servicios.html#distro">Distribución del espacio</a>
</li>
这将直接进入主播：
<li>
<a href="#distro">Distribución del espacio</a>
</li>
确保你只有一个id distro
<section id="distro" ... >
你也可以尝试：
<section name="distro" ... >
但浏览器将首先查找该id，然后查找该名称。 带'name'或'id'的HTML锚点？
<a href="#distro">Distribución del espacio</a>
<section id="distro" class="section-block replicable-content bkg-charcoal color-white no-padding-bottom">
<div class="row horizon" data-animate-in="preset:slideInRightShort;duration:1000ms;" data-threshold="0.3">
<div class="column width-5 offset-2">
<h2 class="mb-30"><a href="#distro">Distribución del espacio</a></h2>
</div>
...
您需要在锚点上使用href ，而不是name 。 如果目标位于同一页面上，则不需要在href命名整个文件，只需要以散列符号开头的片段。
谢谢大家的所有回应。 发现这个难题的关键是有些章节没有被定义为这样，而只是作为divs来定义。 通过将所有这些部分分开，我可以根据需要将所有内容都工作。
感谢您的支持！
链接地址: http://www.djcxy.com/p/89017.html上一篇: Anchors nor ID work to reference a specific section on a page