如何让浏览器识别自定义的用户定义标签？

发布于 2024-10-21 17:02:23 字数 226 浏览 7 评论 0原文

我正在尝试为浏览器（Firefox 或 IE 或 Chrome）开发插件/扩展。这样做的目的是插件/扩展应该识别我自己的自定义标签之一。

例如：

<myowntag1>
     ...
     <mysubtag1  ... />
     ...
</myowntag1>

如何使用插件/扩展让浏览器识别这一点？

原文

I am trying to develop a plugin/extension for a browser (Firefox or IE or Chrome). The purpose of this is that the plugin/extension should recognize one of my own-custom tags.

Eg:

<myowntag1>
     ...
     <mysubtag1  ... />
     ...
</myowntag1>

How do I make a browser recognize this using a plugin/extension?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

最舍不得你 2024-10-28 17:02:23

您的问题让我想起了线程 How XML 使用和解释？ - 您的浏览器有没有用于未知标签的 api，但它有一个用于将 xml 转换为名为 XSLT 的其他任何内容（包括 html）的 API。我知道做你想做的事情的唯一方法是将你的网页编写为 XHTML（这是 XML，甚至可以使用 HTML5）。请注意，包含 XML 声明的第一行位于其位置，并添加包含对 XSLT 样式表的调用的第二行。编写此样式表 - 它必须复制 XML/XHTML 源页面中除您自定义的标签之外的所有内容。这些必须转换为所需的 HTML 输出。该解决方案适用于所有主要浏览器，尽管从一开始就使用转换后的 HTML 可能不太复杂。要打开新选项卡，您可以使用链接的“target”属性（Test）。这将根据您的浏览器首选项打开一个新选项卡或窗口。

回复收藏 0 原文

不爱素颜 2024-10-28 17:02:23

能够在 XML 页面中嵌入任意 XML（在用户定义的命名空间中），并使命名空间以某种方式与理解此 XML 词汇的插件代码相关联，这是我们许多人共同的梦想。不幸的是，定义 HTML5 的组织 (WHATWG) 正在朝着相反的方向发展：他们并不认为这种可扩展性是一种要求，并且在 HTML 中嵌入 XML 变得越来越困难而不是更容易。唯一的例外是像 SVG 或 MathML 这样的 XML 词汇表，它们出于某种原因吸引了 WHATWG 上的人员并得到了他们的认可。

回复收藏 0 原文

天邊彩虹 2024-10-28 17:02:23

如果您从 JavaScript 手动解析标签，这似乎是一项可行的任务。例如，这就是 Facebook FBML 命名空间标签的实现方式。

假设我们有一个带有自定义标签 custom:header 的 html，它应该变成 h1：

<html xmlns:custom>
<body>
    <custom:header text="header text"></custom:header>
</body>
</html>

在内容脚本中我们可以这样做：（

$el = $("custom\\:header");
$el.html($("<h1>").text($el.attr("text")));

我在这里使用 jQuery）。这会将我们的标签变成：

<custom:header text="header text">
    <h1>header text</h1>
</custom:header>

您还可以为自定义标签注入 css 文件：

custom\:header {
    color:red;
}

Seems like a doable task if you parse tags manually from a javascript. This is how Facebook FBML namespace tags are implemented for example.

Lets say we have this html with custom tag custom:header that should turn into h1:

<html xmlns:custom>
<body>
    <custom:header text="header text"></custom:header>
</body>
</html>

In a content script we can do:

$el = $("custom\\:header");
$el.html($("<h1>").text($el.attr("text")));

(I am using jQuery here). This will turn our tag into:

<custom:header text="header text">
    <h1>header text</h1>
</custom:header>

You can also inject a css file for your custom tags:

custom\:header {
    color:red;
}

回复收藏 0 原文

梦言归人 2024-10-28 17:02:23

使用文档类型中引用的自定义 DTD，例如使用 mymymy.dtd 的示例：

<!DOCTYPE html SYSTEM "mymymy.dtd">

在将其上传到服务器之前了解其优缺点：

Use a custom DTD which is referenced in the doctype, such as the example using mymymy.dtd:

<!DOCTYPE html SYSTEM "mymymy.dtd">

Be aware of the pros and cons before uploading it to a server:

回复收藏 0 原文

~没有更多了~

关于作者

仄言

暂无简介

0 文章

0 评论

24 人气

关注发私信

友情链接

文江博客

如何让浏览器识别自定义的用户定义标签？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（4）

关于作者

相关话题

热门标签

推荐作者

已经忘了多久

15867725375

LonelySnow

走过海棠暮

轻许诺言

信馬由缰

友情链接

如何让浏览器识别自定义的用户定义标签？

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（4）

关于作者

相关话题

热门标签

推荐作者

已经忘了多久

15867725375

LonelySnow

走过海棠暮

轻许诺言

信馬由缰

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。