无法通过jQuery在SVG中添加图像:<image />标签变为<img rel="nofollow noreferrer" />
好的，我可以为您解答这个问题。
首先，无法通过jQuery在SVG中添加图像: <image />标签变为<img rel="nofollow noreferrer" />的原因是因为SVG（可缩放矢量图形）是使用XML格式描述的一种图像格式，而jQuery是一个JavaScript库，主要用于网页开发。在SVG中添加图像可以使用SVG的<image />标签，但是该标签不会自动将图像链接到文档，因此需要使用<img />标签来指定图像链接。
其次，<img />标签的rel属性用于指定图像链接的关系，而nofollow和noreferrer属性则是用于阻止搜索引擎跟踪链接。在SVG中添加图像时，使用<img />标签并设置rel属性为nofollow或noreferrer可以有效地阻止搜索引擎跟踪链接，从而提高网站的SEO效果。
最后，推荐的腾讯云相关产品是云服务器、云数据库和云存储。这些产品可以用于搭建网站、应用程序和其他云平台，支持多种编程语言和开发框架，具有高可用性、高性能和安全性等特点。
如果您需要更多的帮助，请随时问我。
相关·内容
1回答
我以前使用过jQuery UI来幻想按钮。但是现在有了这个代码：
else if (ui.newTab.index() == 3) {
$('#MediaContent').load('Content/TwainMedia.html');
$('#MediaContent').css('background-color', '#000000');
$('button').button();
$("button:not(:ui-button)").but
浏览 5提问于2015-03-26得票数 0
回答已采纳
1回答
因此，下面是Wordpress默认生成的图像代码：
<div class="image-section">
<a href="http://websitename.com/wp-content/uploads/2019/06/image-1.jpg" target="_blank" rel="noopener noreferrer">
<img src="http://websitename.com/wp-content/uploads/2019/06/image-1.jpg
浏览 0提问于2019-06-29得票数 0
1回答
标签的类型a：
<a rel="sponsored" href="https://cheese.example.com/Appenzeller_cheese">Appenzeller</a>
或
<a rel="ugc" href="https://cheese.example.com/Appenzeller_cheese">Appenzeller</a>
以及下列一个或多个值：
rel="sponsored"
or
rel="ugc"
or
rel=
浏览 1提问于2022-08-13得票数 1
回答已采纳
我有两个变量，需要在href之后将string b插入到string a中。
var a = '<a href="http://pix6.agoda.net/">Image Credit</a>';
var b = 'rel="nofollow noreferrer noopener"';
我想要的结果是
<a href="http://pix6.agoda.net/" rel="nofollow noreferrer noopener">Image Credit
浏览 3提问于2020-10-26得票数 2
1回答
我们得到了一个网站，允许它的订阅者发布纯文本和外部链接只在自己的个人资料。更重要的是，张贴的链接正在仔细验证非URL符号，如果找到，还会在html：)中找到松散的href。
<a class="link" target="_blank" rel="noopener noreferrer">
<img src="https://xxx.yyy.zzz/png.png">
</a>
我一直试图在给定的字段长度内打包js-jquery模式弹出调用，但没有soap。
无论如何，我可以发布一个有效
浏览 4提问于2016-10-18得票数 0
2回答
我希望动态生成的html对齐，但是我得到的是一些松散的内容：
这是我的jQuery：
function getNatlBookCritics() {
var htmlBuilder = '';
$.getJSON('Content/NBCCJr.json', function (data) {
$.each(data, function (i, dataPoint) {
if (IsYear(dataPoint.category)) {
htmlBuilder +=
浏览 4提问于2013-07-17得票数 0
回答已采纳
我正在尝试用类媒体更改锚标签href - url与最近的field__item div内的锚标记url，但是我正在变得不清楚，请让我知道我做错了什么。
<div class="media media--blazy media--bundle--image media--image media--responsive is-b-loaded"> <a class="media-url" href="https://examplelist/item.com" target="_blank" rel=
浏览 10提问于2022-08-15得票数 0
回答已采纳
2回答
我正在尝试设置一个三元操作，以便根据是否存在链接来显示标签中的SVG。我用理智把链接从。
<a href={project.link} class="z-10" rel="noopener noreferrer" target="_blank">
<svg> img code here... </svg>
</a>
在普通english...if中，项目包含一个链接，呈现到项目的SVG链接。
我试过但没有成功的事情：
<a classNa
浏览 5提问于2021-07-20得票数 0
回答已采纳
1回答
图片库的缩略图？
、、
我正在一个有数百个产品页面的网站上工作。每个产品页面有多达10个图像，1个主图像，其余作为缩略图加载作为主图像时点击。
缩略图中有以下代码：
<a href="/image1.jpg" class="thumb" rel="nofollow">
<img src="/image1.jpg" />
</a></li>
<a href="/image2.jpg" class="thumb" rel="nofollow"&
浏览 0提问于2019-07-17得票数 1
1回答
我正在以三种不同的方式动态地更改我的网站上的内容：
0) Reading json files via jQuery's getJSON('bla.json');
1) Retrieving jsonized C#/Razor classes via jQuery's getJSON('bla.cshtml');
2) Loading the html from a file via $('#divName').load('bla.html');
它们都工作得很好，只不过后者没有装饰我的扣子。
我想可能是因为HTM
浏览 2提问于2013-09-21得票数 0
回答已采纳
我得到"InvalidOperationException > Message=Sequence不包含匹配元素“，代码如下：
private void buttonLoadHTML_Click(object sender, EventArgs e)
{
GetParagraphsListFromHtml(@"C:\PlatypiRUs\fitt.html");
}
// This code adapted from Kirk Woll's answer at
http://stackoverflow.com/questions/47528
浏览 2提问于2014-02-14得票数 0
1回答
我找到了链接并替换为nofollow。但是我需要如果"<a(.*)“行包含"google.com”停止替换。
这是我的密码：
preg_replace('#(<a\s)#is', '\\1rel="nofollow noreferrer ugc" target="_blank" ', $post->content);
投入：
<a href="https://www.burtinet.com/">Hosting</a>
<a href="htt
浏览 7提问于2022-04-07得票数 -1
2回答
我已经成功地在左侧放置了一个图像，如下所示：
<div class="Carl1">
<a href="https://rads.stackoverflow.com/amzn/click/com/1940412145" rel="nofollow noreferrer" target="_blank"><img class="image-left" src="http://caribeauchamp.com/wp-content/uploads/2015/04/first-ti
浏览 3提问于2015-08-06得票数 5
1回答
我正在为我在StackOverflow上的使用编写一个用户脚本，它基本上用来自代理的相同图像的副本来替换所有的图像。
我想要的是在注释中张贴的所有图像链接都添加到一个名为imageContainer的新容器中，如果它还不存在，就应该创建它，那么所有的图像都应该移动到这个容器中。
我现在有一些作品--除了注释中的每一张图片之外，还创建了一个新的容器。
下面是我目前的代码：
var links = document.getElementsByTagName('a');
for(var i = 0; i < links.length ; i++) {
var match
浏览 0提问于2018-02-13得票数 1
回答已采纳
1回答
假设您有这样的标记：
原始代码：
<p class="Add">
<a href="https://google.com">Google</a>
<a href="https://google.com">Google</a>
<a href="https://google.com">Google</a>
<a href="https://google.com">Google</a>
</
浏览 3提问于2017-06-01得票数 0
我想让noreferrer noopener value在rel_list中预选，而不是noopener。
我想插件选择默认值是有某种顺序的。
尝试添加一个数字，按字母顺序开始标题，但我总是得到预选的noopener值。
rel_list: [
{title: 'noopener', value: 'noopener'},
{title: 'nofollow noreferrer noopener', value: 'nofollow noreferrer noopener'}
],
浏览 4提问于2021-10-29得票数 0
1回答
我有一些链接需要添加target="_blank"和rel="noFollow noReferrer"。我没有访问核心代码的权限，所以我成功地做到这一点的唯一方法是使用jquery。
我的HTML是。
<div class="tLink">
<p>
<a href="http://linkhere.com" title="tLink title here">tLink</a>
</p>
</div>
我的jQuery代码：
$(
浏览 5提问于2014-06-24得票数 0
回答已采纳
2回答
我有一个3行3列的表格。第一行和第三行跨越所有3列。它由7个图像组成，1个在第1行，3个在第2行，3个在第3行。 我的问题是第二行和第三行的左侧单元格。在第二行，左边的单元格在表格的左边框和图像之间有大约6个像素的空间。图像没有额外的空间作为图像的一部分，我编写的css在表格或单元格上没有指定边距，在表格或单元格上没有填充或边框间距，在图像上没有填充。我不知道这个空间是从哪里来的，也不知道如何摆脱它。 在第3行，所有3个图像都包含在一个与3个单元格宽度相同的单元格中。图像居中，并且应该是行的高度。每个图像在左右方向上有5个像素的间距，但在顶部或底部没有间距。它们也应该是垂直居中对齐的。中心图
浏览 36提问于2020-06-12得票数 0
回答已采纳
寻找一个解决方案来触发$ajax请求和附加响应数据在超文本标记语言中，当使用onload事件的初始屏幕加载时间使用jquery
下面是我的代码PFB
$(document).ready(function(){
$(function(){
$(".clickcounter").each(function(){
$(this).parent().addClass('active_parent');
var clicked_link = $(this).attr('href
浏览 11提问于2020-03-02得票数 0
回答已采纳
我希望为我的所有链接自动添加rel属性(no追随者noopener noreferrer)。对于内容(the_content)，我使用这段代码，它运行得很好：
function add_nofollow_content($content) {
$content = preg_replace_callback(
'/<a[^>]*href=["|\']([^"|\']*)["|\'][^>]*>([^<]*)<\/a>/i',
function($m) {
浏览 5提问于2018-03-12得票数 1
回答已采纳
1回答
我已经查找了几个答案，感觉我正在以完全相同的方式设置它，但它不起作用。 我的文档的index.css设置了一个渐变背景，效果很好。然后我有了我的页脚，这也是有效的。但是问题来了，我想在页脚添加一个SVG作为背景，并在其上设置不透明度。 如果我这样做，背景图像会出现，但整个页脚会受到不透明度的影响，这当然是一个糟糕的结果。 const Foot = styled.footer `
position: relative;
margin: 0px;
padding-top: 2em;
padding-left: 0em;
padding-right: 0em
浏览 27提问于2020-10-16得票数 0
我尝试使用for each循环来获取元素，但是我总是得到相同的第一个元素。
首先，我正在搜索id的元素。
WebElement tableId = driver.findElement(By.id("tablepress-6"));
然后我将通过tagName查找tr元素。
List<WebElement> trElements = tableId.findElements(By.tagName("tr"));
最后，使用for each循环，我尝试获取具有必填字段的td元素：
List<Journal> journalList = n
浏览 36提问于2020-02-18得票数 0
回答已采纳
我想在我的wordpress博客上提供一个dofollow链接，它将读者引导到另一个页面。
为此，我试图简单地存放正常的链接。这不起作用。
在前端，它看起来像这样：rel="noopener nofollow external noreferrer"。
然后，我尝试了一个带有属性rel="dofollow"的dofollow链接。在前端，它看起来像这样：rel="dofollow noopener nofollow external noreferrer"。
浏览 1提问于2021-07-31得票数 1
我想要建立一个样本“网上商店”项目，我想列出的书籍，如图片。如何使文本和图片与CSS对齐，类似于：
一本书的HTML代码(注意，此代码以相同的方式复制到不同的文本中：
<li class="book">
<ul>
<li class="bookcover">
<a href="https://rads.stackoverflow.com/amzn/click/com/1118008189" rel="nofollow nor
浏览 0提问于2019-09-30得票数 1
回答已采纳
我正在使用Visual代码处理一个React项目。当我在Visual代码中按Ctrl+S保存文件时。它删除所有ReactJS格式或分散文件中的所有代码。
在保存之前先编写代码
import logo from './logo.svg';
import './App.css';
function App() {
return (
<div className="App">
<header className="App-header">
<img src={log
浏览 1提问于2021-05-10得票数 1
回答已采纳
我正在尝试使图像在悬停时半透明，并显示文本，否则设置为display: none。目前，如果您将鼠标悬停在图像上，它将变为半透明(.single-image:hover有效)，但文本不会出现。当文本未设置为display: none时，它位于图像左下角的上方。我想既然它已经在图像上了，悬停伪类就会生效。我还尝试将.attribution的z索引设置为1，但没有执行任何操作。 <div className="image-container">
<a href={image.links.html} target="_blank" rel=
浏览 23提问于2019-11-22得票数 0
回答已采纳
3回答
链接中svg的可访问性
、、、
强调了以下HTML的可访问性问题，称为。
<a target="_blank" rel="nofollow noopener noreferrer" href="https://www.youtube.com/test">
<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="youtube" class="svg-inline--fa fa-youtube fa
浏览 6提问于2020-07-10得票数 0
回答已采纳
5回答
如何从示例中获得随机图像:带有javascript的id="myid"或jQuery？有可能吗？谢谢
<div id="myid" class="myclass">
<span class="AvGbtn" style="background-image: url(/uploads/articles/768eec43.jpg); background-size: 100% 100%;" rel="nofollow"></span>
<span
浏览 0提问于2018-12-03得票数 1
回答已采纳
1回答
我正在为我的网站创建一个Wordpress特色的帖子标题，我好像撞上了墙。我有3个有特色的帖子在页面的顶部(更新从最近标记的‘特色’)，我希望每个帖子的图片(特色缩略图)淡出(css3不透明度)时，我悬停在他们之上。我可以使图像褪色，当它们本身盘旋，但当我悬停在标签(透明的黑色覆盖w/ post标题)，我希望图像也褪色。它们在一个无序的列表中被调用，我想在选择器'‘上徘徊以添加样式“style=”的不透明度：.8；“到图片中。这里有一个关于我的继承性的想法：
<div id="featured_articles">
<div class=
浏览 0提问于2011-09-05得票数 0
回答已采纳
我正在使用下面的javascript代码将我的内容数据(http，https)替换为带有class="disableUrl“rel="nofollow”的锚标签
我的代码是
content.replace(/\n/g,"<br>")
#URLs starting with http://, https://, or ftp://
replacePattern = /(\b(https?|ftp):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/gim
repla
浏览 0提问于2012-08-28得票数 0
1回答
我试图“注入”(可能是错误的词)代码，用于社交媒体共享链接后的每一张图片在一页。我已经得到了“注入”部分的工作，但我的所有图像源变量只是最后的图像。
我的目标是让jQuery创建一个带有社交媒体共享链接的div，该链接在代码中的链接之前引用图像。(当您看到代码时，这将更有意义。)
HTML代码：
<section id="photos">
<a href="/alt/img/portfolio/andy-600x900.jpg" data-lightbox="lightbox">
<img c
浏览 1提问于2016-12-15得票数 0
回答已采纳
我已经创建了一个正则表达式来搜索标记，如以下模式所示：
<a href=\".+\" rel=\"nofollow\"><strong>دانلود</strong></a>
但结果是我只得到了一个包含其他HTML标签的庞大结果。
我的HTML是：
<div class="download-51803-links">
<h3>لینک های دانلود</h3>
<span class="instruction-expander"&
浏览 1提问于2018-03-11得票数 0
我遇到了一个问题:我有带有SVG图标的全局变量，并且我想使用for循环在模板中呈现所有图标。如何将全局变量呈现为for循环中的数据。
facebook: <svg viewBox="0 0 8 17" fill="none" xmlns="http://www.w3.org/2000/svg" .../>
{% set
list = [
{
link: 'https://facebook-link',
icon: 'facebook',
title: 'fa
浏览 18提问于2020-02-04得票数 0
1回答
FooterView.tsx
import styles from './Footer.module.scss';
import logo from 'assets/images/logo_header.svg';
import { ReactSVG } from 'react-svg';
import iconTwitter from 'assets/images/logo_twitter.svg';
import iconFacebook from 'assets/images/logo_facebook.svg&#
浏览 1提问于2021-05-25得票数 0
我正在从另一个网站抓取文本。一旦从另一个网站抓取了短信，我就会得到这样的信息：
<div id="target">
<p><a href="http://www.example.com/image.png" rel="nofollow">http://www.example.com/image.png</a></p>
<p>More Text blah blah blah</p>
<p><a href="http:
浏览 0提问于2017-01-13得票数 0
回答已采纳
1回答
我试图在id中将文本转换为html
我的PHP代码是
<div id="post-content-<?= $post->id; ?>" data-ui-markdown data-ui-show-more style="overflow: hidden;">
<?= humhub\widgets\RichText::widget(['text' => $post->message, 'record' => $post, 'markdown' => tr
浏览 4提问于2017-11-29得票数 3
1回答
我是一个新的反应和工作的项目，并想知道如何改变一个单一页脚组件的主题有条件。附件是我试图呈现的两个主题。下面是我当前的代码：()()
function Footer({ themeSecondary }) {
return (
<React.Fragment>
<footer
className="footer"
style={
themeSecondary
? { backgroundColor: '#D5966C' }
浏览 9提问于2022-11-08得票数 0
回答已采纳
1回答
我试过使用Flexbox和，但不管我怎么做，它都不想以正确的方式解决所有问题。如果你看一下，你会看到一些标题较长的卡片不能正常工作。我需要的标题是正确的高度与类别，评论和分享固定在页面的底部。找不到我做错了什么吗？
匹配前高度
正如你所看到的，它修复了高度问题，但Category:仍然到处都是。任何帮助都是令人惊叹的:)
脚本：
//Dynamic Card Titles
jQuery(document).ready(function() {
$(".card-content").matchHeight();
});
当前代码：
浏览 0提问于2017-10-24得票数 2
因此，我一直试图让方法convertFromHTML将图像转换为一个原子块，这样它就可以与兼容，因为它需要atomic类型的块。
给出一个简单的HTML结构，其中包含一些文本和一个开箱即用的图像，convertFromHTML生成这个contentState
{
"blocks": [
{
"key": "82k8",
"text": "‐‐‐‐‐‐‐ Original Message ‐‐‐‐‐‐‐",
"type": "unstyled&#
浏览 1提问于2020-12-30得票数 0
回答已采纳
1回答
我使用Markdown在我的网站上写帖子。有时我不得不链接到我的网站上的其他页面，其他时候则链接到外部链接。每当我有一个外部标记链接时，我想自动添加属性rel="nofollow noopener noreferrer" target="_blank"。换句话说，这些链接
[External](www.google.com)
[Internal](/posts/another)
会转化为
<a href="www.google.com" rel="nofollow noopener noreferrer" targe
浏览 9提问于2020-05-08得票数 1
1回答
我有一个中继器，我想在其中显示广告。我的问题是中继器是否包含URL，如果它确实将图像包装在超链接中，如果不只是显示图像的话。为此，我使用了OnItemDataBound。
HTML
<div class="col-12 text-center">
<!-- Advert column -->
<asp:Panel ID="pnl_Adverts" runat="server">
<asp:Repeater ID="rpt_Adverts" runat=
浏览 0提问于2018-10-18得票数 0
回答已采纳
2回答
我正在创建一个php脚本，用于从中抓取图像和相应的维度建议。
提取图像路径和建议的新高度和宽度后，我将以编程方式优化图像。
以下是从统一资源定位器返回的html的相关部分：
<tr class="rules-details" style="display: none">
<td colspan="4">
<a href="/serve-scaled-images.html" class="rule-help btn hover-tooltip" data-too
浏览 8提问于2020-05-23得票数 0
回答已采纳
我在尝试将一个包含四个联系人图像的div放在另一个div中时遇到了问题。下面是我的HTML代码：
<div id="contact" class="infoSection">
<div id="centeredConctact">
<!--<img class="contactImg" src="images/email.png" alt="Email"></img>-->
<a href=&#
浏览 27提问于2017-12-28得票数 0
回答已采纳
我有下面的代码，它有img标签上的进度图像。我比这低4分。在鼠标悬停的div上，我将相应地更改图像。我已经使用jQuery实现了这一点。但是我必须通过使用jQuery文件中的图像路径来实现这一点。在不使用jQuery文件中的图像路径的情况下，是否有其他替代方法来实现这一目标？(使用显示/隐藏)或任何其他最佳方法在悬停时动态显示图像。我的目的是从jQuery文件中删除图像路径。
$(document).ready(function() {
$("#image1").mouseover(function() {
$("#srcImage").att
浏览 3提问于2019-11-26得票数 2
回答已采纳
3回答
我在asp.net很新。我正在为大学做一个项目，我想把一个投资组合网页。在这个页面中，我想要的只是有链接的图片。我在数据库中有一个用于portfolio的表，其中包含图像路径的字段。
下面是前端的内容，静态html：
<div id="gallery">
<div class="gallery_box"><span></span>
<a class="pirobox" href="images/portfolio/imag
浏览 3提问于2014-01-23得票数 1
回答已采纳
html：
`<a href="https://somelink" rel="noreferrer" target="_blank" class="btn popupLogo btn-link btn-xs"></a>`
css：
.popupLogo {
width: 100%;
height: 25px;
background: center no-repeat url(../img/logo.svg);
}
google chrome没有显示svg，我也尝试过使用object，但结果是svg被下载了，
浏览 0提问于2015-10-23得票数 0
1回答
我在Elementor Addon中得到了调试通知。未定义变量$out，但它适用于我。我不知道我做错了什么。
伙计们，救救我！
非常感谢！
注意：
未定义变量:在文件/Applications/MAMP/htdocs/.
private function content($content,$disp) {
foreach ($content as $item){
$img = tmaddon_bg_images($item['img']['id'],$settings['img_size']);
浏览 6提问于2022-07-02得票数 -1
1回答
是否有方法在注释中找到图像源并将其转换为img标记？
我找到了以下代码来查找URL并将其转换为链接：
$comment = ereg_replace("[[:alpha:]]+://[^<>[:space:]]+[[:alnum:]/]","<a rel=\"nofollow\" href=\"\\0\">\\0</a>", $comment);
但现在我也想对图像做同样的处理。
比如，如果我有下面的评论：
This is an image http://localhost/website/im
浏览 1提问于2011-10-30得票数 2
1回答
我在使用PHP和Wordpress时遇到了问题。 我正在尝试使用PHP添加图像，但它不起作用 我尝试将它添加到href="">mycode image</a>之间 $image_url='https://image.flaticon.com/icons/svg/1256/1256650.svg';
$link = sprintf( "<a rel='nofollow' class='comment-reply-link' href='%s' onclick='%s
浏览 18提问于2019-02-28得票数 0
回答已采纳
我必须链接一些其他的外部网站。
我知道什么时候使用nofollow。但我不清楚什么时候应该使用rel=noreferrer。
浏览 40提问于2018-06-09得票数 21
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
