0

独自の html タグを作成したい。複数のページで使用しています。

<myTag>
text
</myTag>

属性を追加できます。JavaScript 関数を実行する必要があります。タグが使用されるたびに関数を実行する必要があります。何か案が？

例えば：

<body>
    <myTag  id="" class="" newAttribute="value" --blah blah blah-- >text</myTag>
</body>

<script>

   function myTagFunction(){
      blah blah.....
   }

<script>

私の目的は、HTML 標準を破ることではありません。カスタム HTML タグの作成方法を知りたいだけです。

4

8 に答える 8

3

JavaScript 関数を呼び出す通常の HTML ボタンを使用するだけです。独自の HTML 要素を作成すると、Web サイトが非準拠になります。

于 2013-02-18T14:42:18.987 に答える
3

自分で定義した方法で html タグを処理するようにブラウザーにどのように指示しますか? ブラウザは非標準タグを解釈できません。HTML は標準であるため、標準外のタグをそのように使用することはできません。

于 2013-02-18T14:44:34.437 に答える
2

独自の html タグを作成したい

あなたは本当にしません。

HTML は、テキストに意味を追加できる言語です。

This is just some text.

<p>But this is a paragraph, because it has a <p> tag around it.</p>

<input type="submit" value="And this is a form submission button">

これにより、タグが各要素が何であるかを示すため、コンピューター プログラム (従来の Web ブラウザー、視覚障害者向けのスクリーン リーダー、携帯電話、検索エンジンなど) が HTML と便利にやり取りできるようになります。

これが機能するのは、世界中の誰もがこれらのタグの意味について ( HTML 仕様を介して) 同意しているからです。

すべきことは、考えているコントロールに最もよく一致する既存の HTML タグを使用することです。「戻るボタン」 (世界中のすべての Web ブラウザーが既に提供していることに注意してください) の場合、それは<button>タグまたはリンク ( <a>) である可能性があります。また、Accessible Rich Internet Applications (ARIA) 仕様を調べて、そこにあるコントロール タイプのいずれかが、考えているものに適合するかどうかを確認することもできます。

ただし、カスタム HTML タグを作成したいというあなたの説明については少し混乱しています。

複数のページで使いたいから

ボタンがクリックされたときに実行される JavaScript 関数を繰り返したくないかもしれません。その場合は、関数を独自のファイルに入れて、使用するページに含めることができます。

<script src="/myFunction.js"></script>

次に、ボタンは次のように使用できます (非常に単純化された例):

<button onclick="myFunction();"></button>

詳細については、DOM イベント ハンドラを参照してください。

于 2013-02-18T14:53:29.890 に答える
0

XMLのコア仕様の一部であるXML Element Declarationを技術的に活用することはできますがDTD、HTML 5 が XHTML と比較してベース XML とうまく機能するかどうかはわかりません。 

<!DOCTYPE html[
<!ELEMENT backButton ANY >
]>

参考までに、上記が機能するかどうかはわかりません。機能した場合にどのように機能するかだけです。

ただし、それはまったく価値がなく、Eric がアドバイスしたように、単純にclass属性 (複数を許可するためにスペースで区切ることができます) を使用するか、またはまだ元気な場合は、data-次のような属性:

<div data-button_type="back">[back]</div>
于 2013-02-18T14:55:04.203 に答える
0

代わりに、CSS クラスで <span> または <div> を使用してから、それにイベント ハンドラーをアタッチします。JQuery は、この種のことを簡単にします。

$(".myCSSClass").on("click", backButton);
于 2013-02-18T14:41:49.660 に答える
0

html で独自のカスタマイズされたタグを作成することはできません。

一意の識別のためにクラス名を付けたほうがよい..のように

<span id="" class="backButton" newAttribute="value" >BACK</span>

このクラス'backButton'を操作に使用します..

于 2013-02-18T14:45:01.877 に答える
0

HTMLヘッダーに独自の名前空間を持つことができます。ただし、すべてのページで設定する必要があります。次のようになります。

<html 
xmlns = "http://www.w3.org/1999/xhtml"
xmlns:og = "http://ogp.me/ns#"
xmlns:fb="http://ogp.me/ns/fb#">

しかし、それは本当に重いプロセスであるため、それは望ましくありません。

于 2013-02-18T14:45:25.237 に答える
-1

独自の要素を作成する方法はありますが、JS を簡単に割り当てることができるかどうかはわかりません。

最初に既存の要素から派生

<element name="backButton" extends="button"> ... </element>

それからそれを使用してください

<backButton> ... </backButton>

詳しくはこちらをご覧ください。

それとは別に、他の人は正しいです！あなたのサイトは HTML 標準に準拠していません。

于 2013-02-18T14:43:57.017 に答える