个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我遇到了 Perl 正则表达式的问题。在 img 元素上，我想将 src 属性与以 /file?id 开头的值以及任何 类匹配 和 alt 属性。我想忽略有时存在有时不存在的 rel 属性，如下所示:
<img rel="lightbox[45451]" src="/file?id=13166" class="bbc_img" alt="myimagess.jpg">
<img src="/file?id=13166" class="bbc_img" alt="myimagess.jpg">
我的问题是如何处理可选的 rel 属性。
我正在为 rel 属性匹配尝试这样做:
(?!\s+(rel)="([^"]+)")
它在没有 rel 属性时有效，但在 img 具有 rel 属性时失败。
最佳答案
使用适当的 HTML 解析器可以轻松做到这一点。该程序演示使用 HTML::TreeBuilder和 look_down 方法。
它正在搜索所有元素:
src 属性匹配正则表达式 qr|^/file\?id=|class 属性(即具有任何值的 class 属性)alt 属性一旦找到这些元素，您就不会说要对它们做什么。此代码仅使用 as_HTML 来显示它们。
use strict;
use warnings;
use HTML::TreeBuilder;
my $html = HTML::TreeBuilder::XPath->new_from_file(\*DATA);
my @images = $html->look_down(
_tag => 'img',
src => qr|^/file\?id=|,
class => qr//,
alt => qr//
);
print $_->as_HTML, "\n" for @images;
__DATA__
<html>
<head>
<title>Page title</title>
</head.
<body>
<img rel="lightbox[45451]" src="/file?id=13166" class="bbc_img" alt="myimagess.jpg">
<img src="/file?id=13166" class="bbc_img" alt="myimagess.jpg">
<img src="/file" class="bbc_img" alt="myimagess.jpg"> /* mismatch id="" */
<img src="/file?id=13166" alt="myimagess.jpg"> /* no class="" */
<img src="/file?id=13166" class="bbc_img"> /* no alt="" */
</body>
</html>
输出
<img alt="myimagess.jpg" class="bbc_img" rel="lightbox[45451]" src="/file?id=13166" />
<img alt="myimagess.jpg" class="bbc_img" src="/file?id=13166" />
关于正则表达式匹配 `rel` 元素的 `img` 属性，该元素有时仅存在，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17740729/
25
4
0
我在尝试将网站图标和样式表添加到我正在尝试构建的个人网站时遇到问题。这是我目前拥有的: Super Chilun's Portfolio Hello World! favicon 部
我一直在和我的 friend 们一起从头开始建立一个论坛，只是为了好玩，我们开始看到机器人和爬虫过去了。我们遇到的问题是您可以加载包含四个回复的页面/post/1，并且每个回复都包含一个指向自身/re
在我的大部分网站中，我都有很多指向我的其他网站和其他外部网站的外部链接。我需要知道什么时候在网站中使用 rel="nofollow" 或 rel="external" 更好？ 最佳答案 您可以使用 e
下图描述了ELF可重定位目标文件的格式: 我们知道 .rel.text 和 .rel.data 部分包含链接器需要重定位以生成最终可执行文件的重定位条目。 我的问题是，为什么要区分.rel.text
我有一个带有上一个和下一个链接的页面: 如果用户按向左箭头或向右箭头，是否可以使用 Javascript 来导航这些链接？如果他们正在编辑文本并且按下向左或向右箭头，则不应激活该链接。 这将用于简
我经常看到以下模式: " target="_blank" rel="noopener noreferrer"> 但据我所知，noreferrer暗示 noopener 的影响.那么为什么是 noope
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题. 关闭 8 年前。 Improve
我正在尝试对网站上的分页控件执行一些 SEO。 在 Google guidelines 之后，我想添加链接 rel=next/prev 即 到 我的搜索结果页面。 不幸的是，由于 MVC3 的设计决策
我正在尝试为我的 HTML5 站点实现一个为 XHTML 1.0 文档类型编写的 JQuery 图片库，问题是我不能在 HTML5 中使用自定义“rel”属性: tag --> $(documen
正如我在搜索结果中看到的许多丰富网页摘要标记，他们使用个人(个人)Google+ 个人资料完成了这些标记。那太好了。 那么，如果我使用我的 Google+ 企业品牌个人资料，是否合法。 请查看 Goo
我有一个页面，其中内置了基于 ajax 的分页。分页用于页面中的“评论”功能。根据 Google 的网站管理员博客，具有 rel="next"和 rel="prev"值有利于 SEO。 我在头部添加了
我们的网站目前正在使用“Yoast 的 WordPress SEO” rel="next" 和 rel="prev" 在类别和存档页面上工作正常，但是在我们创建的页面模板中，rel="next" 和
我想知道是因为我想存储除通常分配给 rel 的预定义关键字之外的其他内容……我只是想知道这是否是有效的 XHTML Strict。 最佳答案 据我所知，在 DTD(可以下载 from here )中:
我们有很多与 rel 的链接属性: One Two Three Four Five 还有一个ul : Some text Some text Some text Some te
只是为了确保它可以安全地与 JQuery 一起使用脚本。 最佳答案 它是 HTML 4.01 规范的一部分，只能用作 a 和 link 标签的属性(参见 the spec )。在 a 和 link 标
我在 PHPBB 论坛上使用移动模板 HTML 文件。我在 http://validator.w3.org/ 测试了 html 是否有错误测试结果出现如下错误 第 24 行，第 66 列:{navli
我注意到浏览器根本不使用“rel”属性，这是否使其成为存储 javascript 附加信息的理想位置(例如，删除 ajax 请求可以从 rel 中读取 id) 最佳答案 我假设您正在寻找一种方法来存储
我正在尝试验证我在其中实现了 Lightbox 的页面，但 W3C 认为 rel="lightbox['gallery']"是无效代码。代码是: ...image... 错误: Bad val
我可以为 rel 属性设置多个值吗？像这样: Link .. 它是否有效且跨浏览器兼容？ 最佳答案 It's valid.不过，我不确定是否所有浏览器都支持它，但我猜是的。 rel = link-ty
我第一次尝试 rel=preload，将它用于几个样式表。这是有问题的代码: 我正在 Chrome 61 中进行测试，我可以看到样式表已按预期下载，但它们从未真正应用过，并且我在控制台上收到消息说
我是一名优秀的程序员,十分优秀！