链接到其他页面上的特定标头

Question

以下是我设置网站的方式。我有一个名为“news.html”的页面。此页面的内容只是一个固定大小的iframe。 iframe链接到“innernews.html”，这是我试图显示的实际内容。我通过这种方式设置它以保持每个页面的大小一致。 iframe可防止页面高度因额外内容而扩展，并且可滚动。

如何在“innernews.html”页面中创建定位特定元素/标题的链接？如果没有办法实现这一点，我将删除iframe并将内容直接插入“news.html”。但我仍然不知道如何创建一个针对特定元素/标题的链接......

Answer 1

基本上，您只需创建指向页面特定标题的链接：

<a name="your_header_name"></a>
<h1>Header Text</h1>

...

<a href="#your_header_name">Link to the header</a>

如果没有理由保留iframe，我强烈建议您从页面中移除iframe。当你试图做一些不平凡的事情时，iframe会让你的生活变得复杂。

Answer 2

您是否考虑使用如下容器：

#newsContainer {
    overflow: scroll;
    height: /*whatever*/
}

Answer 3

只有当元素具有id属性或具有a属性的name元素时，才能链接到元素（在其他页面或同一页面上）。在这两种情况下，将片段标识符#foo放在链接中URL的末尾，其中foo是属性的值。

如果链接到的页面不包含这样的属性，并且如果它不在你的控制范围内，那你就不幸了