href 相关问题

超链接(或链接)是对读者可以直接遵循或自动遵循的文档的引用。

如何让MathJax方程在href中正确渲染?

我想制作一个包含方程式的超链接。我使用 MathJax 来计算方程。包含方程的链接部分没有下划线。 这是一个最小的例子: 我想创建一个包含方程式的超链接。我使用 MathJax 来计算方程。包含方程的链接部分没有下划线。 这是一个最小的例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> </head> <body> <a href="some link">Hello world \(2 + 2 =4\) (note that the equation is not underlined)</a> </body> </html> 它是这样的: 在数学方程下划线并不容易,因为如果它们包含下标,它们可能会低于基线很多。浏览器仅在排版了链接的其余部分后才排版方程,因此它还不知道在绘制下划线时方程将低于基线多少。为了安全起见,它根本不强调方程。 (请注意,下划线也有一个间隙,其中“q”下降到基线以下。) 您可以根据具体情况决定下划线降低多少。以下示例通过使用填充和底部边框来实现此目的(您可能需要 a:visited 使用不同的颜色来指示链接是否已被访问)。 a { text-decoration: none; padding-bottom: 2px; border-bottom: solid 1px blue; } <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> <a href="some link">Hello world \(\log_2(2 + 2) = 2\) (note that the equation is now underlined)</a>

回答 1 投票 0

滚动到页面上的锚点会导致元素重叠

我命名了一个div id,例如:div id =“page1”,在同一页面上我有一个链接,例如:a href =“#page1”。 然而,我的导航菜单始终在顶部,因此它隐藏在 m...

回答 1 投票 0

滚动链接同一页面

我命名了一个div id,例如:div id =“page1”,在同一页面我有一个链接,例如:a href =“#page1” 但我的导航菜单始终位于顶部,因此它隐藏在菜单下方......

回答 1 投票 0

动画导航不可点击

有人可以帮助我理解为什么“关于”链接不可点击。另外 2 个(作品集、评论正在工作),但一旦我对它们进行样式设置(.about),它们都不可点击。 很奇怪...

回答 1 投票 0

邮寄地址和格式(粗体、斜体...)

我想用特定的文本打开用户的邮件客户端。文本的某些部分应为粗体、斜体或 u̲n̲d̲e̲r̲l̲i̲n̲e̲d̲。 我通过使用 mailto 尝试了这个 但它使用 RFC 2368...所以...

回答 2 投票 0

pupeteer 按钮,带有在抓取页面中执行 javascript 的链接

我正在抓取一个页面,该页面有一个带有链接的按钮,该按钮执行 JavaScript 函数。 单击按钮时,将打开一个模式,其中包含我想要抓取内容的文本区域。 按钮链接...

回答 1 投票 0

额外文本被附加到电子邮件 html 中的 href

我正在开发一个需要每天发送电子邮件的java应用程序。我正在使用 Thymeleaf 从模板构建消息正文,将结果添加到 mime BodyPart,然后将该部分设置为...

回答 1 投票 0

单击 ReactJS 的图像后打开新选项卡

我试图在单击hover-img 类后在新选项卡上打开一个新链接(在本例中,我刚刚添加了一个虚拟链接:facebook.com)。但我在做这件事时遇到了一些麻烦。下面是截图...

回答 2 投票 0

添加 <a> href 标签会将我的图像向下移动。我已经尝试了一切,但没有任何效果

添加 href 标签会将我的图像向下移动。我已经尝试了一切,但没有任何效果。将 href 附加到 添加 href 标签会将我的图像向下移动。我已经尝试了一切,但没有任何效果。将 href 附加到 我尝试嵌入 href、使用标签、调整样式表中的图像位置、在 css 中添加新的位置代码。什么都不起作用。 检查 CSS 以确保没有任何冲突的样式导致图像移动。检查 和 标签的样式。 a { text-decoration: none; /* remove a decoration */ } img { vertical-align: middle; /* adjust image alignment*/ } 这是显示属性:有时显示属性会影响布局。如果您知道默认情况下,图像是内联元素。如果你想让它们保持在一行,你可以使用display: inline-block;或显示:内联;对于 和 元素。 a, img { display: inline-block; }

回答 1 投票 0

如何使相对 Href 在 SvelteKit 中工作?

我想使用 SvelteKit 构建一个 Web 应用程序,其中一页列出所有项目(带有潜在的搜索查询参数),然后一页列出每个单独的项目。如果我必须建造这所旧学校......

回答 1 投票 0


TypeError:“str”对象不可调用 beautifulsoup 类别和子类别 href pr

我正在尝试废弃一个网站,我可以获取产品详细信息,但在尝试获取所有类别和子类别链接以访问所有页面时出现错误。错误表明链接是字符串...

回答 1 投票 0

按钮 URL 发送 Whatsapp 消息,并从本地下载自动附加 pdf 文件

我想在html和php中制作一个按钮,当单击whatsapp web时应该打开输入的号码以及来自本地存储的自动附加的pdf。 发送

回答 1 投票 0

导出 Markdown 为 HTML 时删除一些本地链接

我偶尔会使用grip 将 README.mds 导出为 pdf,然后使用 wkhtmltopdf。最近我注意到生成的 pdf 在 Markdown 标题中包含指向我自己计算机中的文件位置的链接。我想要...

回答 1 投票 0

Google 协作平台,嵌入到另一个网站的链接后无法返回网站

我正在尝试使用 Google 网站设计一个网站。 我仅使用 URL 链接嵌入了其他第三方网站的链接,它工作正常,只是我没有任何方式导航回...

回答 1 投票 0

Google 协作平台,嵌入其他网站的链接后我无法返回我的网站

嗨,我是一个非程序员,现在有点老了。 我正在尝试使用 Google 网站设计一个网站。 我仅使用 URL 链接嵌入了其他第三方网站的链接,它工作正常,除了......

回答 2 投票 0

需要 php echo 中的帮助按钮 href

我有以下代码行: //onclick="location.href='http://www.example.com'" 回声”

回答 0 投票 0

由于“跨域开启策略”,无法在新窗口中从 iframe 打开 google 链接

我有一个包含链接的 iframe,如下所示: 我有一个包含链接的 iframe,如下所示: <a href="https://www.google.com/travel/flights/s/3nDqYBmu3h4Jfmwm6" target="_blank" rel="noopener noreferrer">Purchase Flight</a> 单击链接时,我希望它打开一个新选项卡或窗口。但是,Chrome 阻止页面加载并出现以下错误(在“响应”下的“网络”选项卡中): cross-origin-opener-policy: same-origin-allow-popups -> This document was blocked from loading in an iframe with a sandbox attribute because this document specified a cross-origin opener policy. 我没有在请求上设置任何特定标头,只是一个 href 链接。 该链接可以在 Safari 中正确打开,但不能在 Chrome 中打开。非常感谢任何帮助!! 有 2 条信息有助于理解发生此错误的原因: iframe HTML 元素有一个名为 sandbox的属性,它对 iframe 应用了许多限制 “设置该属性后,内容被视为来自唯一来源,表单和脚本将被禁用,链接将被阻止定位其他浏览上下文,并且插件将被禁用”(1) “沙盒导航浏览上下文标志:此标志可防止内容导航除沙盒浏览上下文本身(或进一步嵌套在其中的浏览上下文)之外的浏览上下文……”(2) Cross-Origin-Opener-Policy:HTTP 标头允许您确保顶级文档不会与跨源文档共享浏览上下文组。其可能的值为: unsafe-none:这是默认值。允许将文档添加到其打开器的浏览上下文组中,除非打开器本身具有同源或同源允许弹出窗口的 COOP same-origin-allow-popups:保留对新打开的窗口或选项卡的引用,这些窗口或选项卡要么不设置 COOP,要么通过设置不安全的 COOP 来选择退出隔离 same-origin:将浏览上下文仅隔离到同源文档。跨源文档不会在同一浏览上下文中加载。” 根本原因 当从 iframe 打开链接时,会发生 2 件事: sandbox属性被继承并应用于链接→链接现在被视为来自唯一的来源。 与Google的COOP标题相结合→链接在新的浏览上下文中打开 → 链接被阻止,因为 链接被阻止定位其他浏览上下文 在沙盒 iframe 中 解决方案 将 allow-popups-to-escape-sandbox 添加到 iframe 的 sandbox 属性。这样,打开的链接就不会被沙箱化 allow-popups-to-escape-sandbox:允许沙盒文档打开新窗口,而无需在其上强制使用沙盒标志。例如,这将允许安全地对第三方广告进行沙箱处理,而无需对广告链接到的页面施加相同的限制 参考资料: (1) https://www.w3.org/TR/2011/WD-html5-author-20110809/the-iframe-element.html#attr-iframe-sandbox (2) https://html.spec.whatwg.org/multipage/browsers.html#sandboxed-navigation-browsing-context-flag

回答 1 投票 0

在react-paginate包中herfBuilder的用途是什么

{ 你好 }} 以前的标签={"上一个"} 下一个标签={&...

回答 1 投票 0

使用javascript实现锚点跳跃

我有一个经常会被发现的问题。问题是找不到明确的解决方案。 我有两个关于锚点的问题。 主要目标应该是获得良好的清洁......

回答 7 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.