contentプロパティはhtmlにあります

Question

以下はこのjqueryのツールチップのチュートリアルで見つかったhtmlです。内容はのコンテンツ ""の中にjavascriptを使用して表示されています。私はコンテンツのプロパティがbefre見たことがない、私はW3schools.comで検索し、Googleがそれについて何かを見つけることができませんでした。これは有効なプロパティですか？私はこれを眺めていた場合、私は検索だけでなく、簡単に、これを尋ねる前に、あまり見ていない

<a href="#" alt="Image Tooltip" rel="tooltip" content="<span>Image Title</span><br/> <img src='http://papermashup.com/demos/jquery-gallery/images/t2.png' width='120' height='120' class='tooltip-image'/> This is an example of an image tooltip with jquery, with a little bit of text.<br/> Remember you can follow me on twitter just search: ashleyford">Image Tooltip</a> 

申し訳ありません。

Answer 1

カスタム属性を要素に配置する必要がある場合は、html5 data- attributesを使用します。

は臆面もなくジョンResig氏からコピー：

<li class="user" data-name="John Resig" data-city="Boston" 
    data-lang="js" data-food="Bacon"> 
    <b>John says:</b> <span>Hello, how are you?</span> 
</li> 

Answer 2

私のw3cでの最初の検索に基づいて、タグにこのような属性 "content"はないようです。 「content」属性は、メタタグのみのためのものです。ツールチップの場合、 "title"属性を使用します。また、私はHTMLがタイトル属性で許可されているとは思わない。

<a href="#" alt="Image Tooltip" title="This will shows up as tooltip.">Image Tooltip</a> 

Answer 3

これは、jQueryのツールチップの作成者は、ツールチップのテキストを保持するために構成された可能性が最も高いカスタム属性です。残念ながら、これは多くのjQueryプラグインでは一般的に行われています（代わりにrel = ""属性のようなものがほとんどです）。

これは、HTMLの検証に懸念がある場合、これが失敗するという欠点があります。

ブラウザは期待しない属性を無視するため、ページのレンダリングには影響しません。

適切な場所はtitle = ""属性ですが、この場合は<スパン>の余分なHTMLマークアップはありません。

title=">span<Image Title</span&gt" 

しかし、Javascriptが失敗した場合、ユーザーはビルトイン、ブラウザ - として、このエンコードされたテキストが表示されますので注意してください：あなたは、余分なマークアップを持っていなければならない場合

することは、それをコード化するようにしてくださいレンダリングされたツールチップ。

Answer 4

content属性が存在しません。ツールチップの場合は、title属性（多くのタグで機能します）を使用することができます。

ブラウザによってはimgタグのツールチップにalt属性も使用されていると思われますが、これはaltの目的ではありません。