是否有纯 HTML5 或 CSS3 使所有外部链接离开网站,如 target=_blank?
Is there pure HTML5 or CSS3 to make all external links leave website, as in target=_blank?
将外部链接设置为 target="_blank" 已使用客户端或服务器代码进行详细记录:
- Is it acceptable to make external links target="_blank"?
- Grabbing the href attribute of an A element
- Parse All Links That Contain A Specific Word In "href" Tag
现在是 2015 年,HTML 和 CSS 已经从这些问题中成长了。是否有纯粹的 CSS3 或 HTML5 解决方案使外部链接离开网站,如 target=_blank 但对于所有链接?
同时标记 Jekyll,因为那是我所在的平台,还有一个 Jekyll 标志,可以让 Ruby 在服务器端执行,对我很有用。
link是否在当前选项卡中打开不涉及显示,所以肯定没有CSS选项。
HTML 不包含我所知道的任何条件逻辑,因此那里也不可能。
这是 Javascript 或服务器端解决方案的完美案例。
建议在新的浏览上下文(通常是新标签页或新的 window)中打开 link,这显然是您所说的“离开网站”的意思,您可以使用 target=_blank
属性。要为所有 link 设置默认值(以及所有表单提交),您可以使用标签 <base target=_blank>
;如果您想以这种方式处理大多数 link 并根据需要使用 target=_self
覆盖设置,这可能是可行的。除此之外,HTML 没有用于此目的的工具,也没有“外部”与“内部”link 的概念。所以你需要在生成页面时生成属性,使用你对“外部”的任何定义。
在CSS中,实际上没有任何帮助。多年前,在2014年的CSS3 Hyperlink Presentation Module WD in 2004. But it was never implemented, and work on the topic has been discontinued, as briefly described in CSS3 Hyperlink Presentation Module WG Note中提出了target-name
属性。
试试这个:
<head>
<base target="_blank"></base>
</head>
将外部链接设置为 target="_blank" 已使用客户端或服务器代码进行详细记录:
- Is it acceptable to make external links target="_blank"?
- Grabbing the href attribute of an A element
- Parse All Links That Contain A Specific Word In "href" Tag
现在是 2015 年,HTML 和 CSS 已经从这些问题中成长了。是否有纯粹的 CSS3 或 HTML5 解决方案使外部链接离开网站,如 target=_blank 但对于所有链接?
同时标记 Jekyll,因为那是我所在的平台,还有一个 Jekyll 标志,可以让 Ruby 在服务器端执行,对我很有用。
link是否在当前选项卡中打开不涉及显示,所以肯定没有CSS选项。
HTML 不包含我所知道的任何条件逻辑,因此那里也不可能。
这是 Javascript 或服务器端解决方案的完美案例。
建议在新的浏览上下文(通常是新标签页或新的 window)中打开 link,这显然是您所说的“离开网站”的意思,您可以使用 target=_blank
属性。要为所有 link 设置默认值(以及所有表单提交),您可以使用标签 <base target=_blank>
;如果您想以这种方式处理大多数 link 并根据需要使用 target=_self
覆盖设置,这可能是可行的。除此之外,HTML 没有用于此目的的工具,也没有“外部”与“内部”link 的概念。所以你需要在生成页面时生成属性,使用你对“外部”的任何定义。
在CSS中,实际上没有任何帮助。多年前,在2014年的CSS3 Hyperlink Presentation Module WD in 2004. But it was never implemented, and work on the topic has been discontinued, as briefly described in CSS3 Hyperlink Presentation Module WG Note中提出了target-name
属性。
试试这个:
<head>
<base target="_blank"></base>
</head>