为什么此图片链接（来自w3schools的<a> tag) work?

Question

I'm just learning HTML on my own, and saw this example内的HTML 标记。

出于好奇，我将标记的href属性从"http://www.w3schools.com"更改为"http://www.google.com"或"http://www.facebook.com"，然后图像链接将不再有效（无当我点击图片时发生。）

我还尝试复制并粘贴确切的代码并更改href字段in JsFiddle - 同样的事情（除了本地图像不再显示）。

Answer 1

你真的在观察你的浏览器保护你，信不信由你。

如果您倾向于知道原因，请阅读：https://developer.mozilla.org/en-US/docs/Web/HTTP/X-Frame-Options

简单地说，内容（因为它是不同域名的一部分）被阻止了。通过禁止iframe（和其他对象）中的其他域中的内容，这可以让您保持安全（呃）。

要将其置于上下文中，请想象访问Facebook并单击链接。该链接从另一个看起来像Facebook的网站上加载了一个页面（但实际上并非如此），但您继续并提供了有关您自己的详细信息。通过删除页面，您可以感觉更安全，因为您从未离开Facebook的网站（或者如果/当您这样做，内容被阻止）。

至于为什么它在原始示例中工作，w3schools从他们自己的网站链接到他们自己的网站。如果您想玩它，请使用指向页面上其他资源的链接（例如http://www.w3schools.com/html/default.asp）