ブラウザ (Firefox または IE または Chrome) 用のプラグイン/拡張機能を開発しようとしています。これの目的は、プラグイン/拡張機能が独自のカスタム タグの 1 つを認識できるようにすることです。
例えば:
<myowntag1>
...
<mysubtag1 ... />
...
</myowntag1>
プラグイン/拡張機能を使用してブラウザにこれを認識させるにはどうすればよいですか?
ブラウザ (Firefox または IE または Chrome) 用のプラグイン/拡張機能を開発しようとしています。これの目的は、プラグイン/拡張機能が独自のカスタム タグの 1 つを認識できるようにすることです。
例えば:
<myowntag1>
...
<mysubtag1 ... />
...
</myowntag1>
プラグイン/拡張機能を使用してブラウザにこれを認識させるにはどうすればよいですか?
あなたの質問は、スレッドでどのように XML が使用され、解釈されたかを思い出させます。- お使いのブラウザーには不明なタグの API はありませんが、xml を XSLT という名前の他のもの (html を含む) に変換するための API があります。私が知っている唯一の方法は、Web ページを XHTML として記述することです (これは XML であり、HTML5 でも可能です)。XML 宣言を含む最初の行がその場所にあることに注意し、XSLT スタイルシートの呼び出しを含む 2 行目を追加します。このスタイルシートを作成します。独自に定義したタグを除いて、XML/XHTML ソース ページからすべてをコピーする必要があります。これらは、目的の HTML 出力に変換する必要があります。このソリューションは、すべての主要なブラウザで動作しますが、最初から変換された HTML を使用する方が簡単かもしれません。新しいタブを開くには、リンクの「ターゲット」属性を使用できます (<a href="http://test.com" target="newtab">Test</a>)。
タグを 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;
}
任意の XML を (ユーザー定義の名前空間に) XML ページ内に埋め込み、その名前空間をこの XML 語彙を理解するプラグイン コードに何らかの方法で関連付けることができるという考えは、私たちの多くが共有してきた夢です。残念ながら、HTML5 を定義するグループ (WHATWG) は反対の方向に進んでいます。彼らは、この種の拡張性を要件とは見なしておらず、XML を HTML に埋め込むことは、簡単ではなく難しくなっています。唯一の例外は、SVG や MathML などの XML ボキャブラリです。これらは、何らかの理由で WHATWG の人々にアピールし、支持されています。
以下を使用した例のように、doctype で参照されるカスタム DTD を使用しますmymymy.dtd
。
<!DOCTYPE html SYSTEM "mymymy.dtd">
サーバーにアップロードする前に、長所と短所に注意してください。