html - 链接到其他页面上的特定标题

Question

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

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

score 2 · Accepted Answer

基本上，您可以简单地创建指向页面特定标题的链接：

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

...

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

如果没有理由保留 iframe，我强烈建议您从页面中删除它们。当您尝试做一些不平凡的事情时，iframe 会使您的生活复杂化。

score 2 · Accepted Answer

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

如果被链接的页面不包含这样的属性，并且如果它不在您的控制范围内，那么您就不走运了

score 1 · Accepted Answer

您是否考虑过使用容器，例如：

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

3 回答 3