content 속성이 html로 존재합니까

Question

다음은이 jquery 툴팁 자습서에서 발견 된 html입니다. 내용은 내용 ""이 javascript를 사용하여 툴팁에 표시됩니다. 나는 콘텐츠 속성 befre 본적이 없어, 나는 W3schools.com하지만 구글 검색하지만 그것에 대해 아무것도 찾을 수 없습니다. 이것은 유효한 속성입니까? 나는이 내려다 보이는하고 경우에, 나는 검색 만 간략하게,이 요청하기 전에 너무 많이 보이지 않았다

<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을 사용하십시오.

은 뻔뻔 존 레식 기술 :

<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이 title 속성에 허용되지 않는다고 생각합니다.

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

Answer 3

이것은 대부분 jQuery 툴팁 작성자가 툴팁 텍스트를 보유하기 위해 작성한 사용자 정의 속성입니다. 이것은 유감스럽게도 많은 jQuery 플러그인 (일반적으로 rel = ""속성에 이와 같은 물건을 넣음)을 사용하는 일반적인 방법입니다.

HTML의 유효성 검사에 관심이있는 경우 오류가 발생할 수 있습니다.

브라우저가 예상치 못한 속성을 무시하므로 페이지 렌더링에 영향을주지 않습니다.

올바른 위치는 title = ""속성이지만 값 (<span>)에 여분의 HTML 마크 업이 없습니다.

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

그러나, 자바 스크립트가 실패 할 경우, 사용자는 내장 된 브라우저 - 등이 인코딩 된 텍스트를 볼 수 있음에 유의하십시오 당신은 여분의 마크 업을해야하는 경우

것은, 그것을 인코딩해야 렌더링 된 툴팁.

Answer 4

content 속성이 존재하지 않습니다. 툴팁의 경우 많은 태그에서 작동하는 title 속성을 사용할 수 있습니다.

일부 브라우저는 img 태그의 툴팁에도 alt 속성을 사용한다고 생각하지만 이는 의도 된 용도가 alt이 아닙니다.