어떤 요소가 alt/longdesc/title/text와 함께 사용할 수 있습니까?

Question

자바 스크립트 기반 응용 프로그램을 작성하는 과정에서 ID 또는 클래스로는 적절하지 않은 요소가 포함 된 정보를 포함하려는 경우가 종종 있습니다. 구조적/의미 론적으로 HTML에 포함시키는 것이 궁금합니다. 때로는 <a>에없는 다른 요소와의 연관성을 포함하고자하므로 href가 적절하지 않습니다. 'tooltip_'또는 'button_'과 같은 접두사를 추가 한 다음 문자열 조작을 사용하여 변환했지만 조금 어색함이 있습니다.

그래서 어떤 특성이 다른 유형의 데이터에 사용하기에 적합한 지 궁금합니다.

또한 궁금 볼 수 있기 때문에 그 jQuery 플러그인의 qTip과 함께, 당신은 set an attribute to pull the tip description from 수 있지만, 내가 이상적으로 팁을 <p><a><img><h2> 태그를 모두 가지고가는거야 경우 .. 어떤 속성 내가 사용할 수있는 같은 방식으로 설정 그 상황에서?

Answer 1

추가 정보를 저장하는 등 JavaScript가 주로 상호 작용하는 정보 인 경우 접두사가 data- 인 이동 방법입니다. jQuery 라이브러리는 Data 메소드를 통해이를 지원합니다.

사용자 콘텐츠의 경우 콘텐츠가 무엇인지, 또한 콘텐츠 사용 방법에 따라 다릅니다.

이미지의 경우 alt 속성은 특히 이미지의 콘텐츠 대신 텍스트 대체물을 보유하기위한 것입니다. 이에 대한 좋은 규칙은 이미지의 모든 단어 (중요)가 이미지에 묘사 된 내용과 함께 alt 속성에 있어야한다는 것입니다. 이것을 테스트하려면 이미지를 끄고 (많은 브라우저 확장 프로그램에서이 작업을 수행 할 수 있음) 페이지를 읽습니다. alt 텍스트가 이미지를 대체 할 때 여전히 모든 것이 의미가 있고 정보를 잃어버린 것이 아니라면 좋은 것입니다.

title 속성은 툴팁에 적합한 정보를 보유하기위한 것입니다.

longdesc 및 figcaption은 이러한 목적으로 설계된 다른 속성들입니다. 나는 당신이 정말로 언제 무엇을 사용해야 하는지를 배우고 싶다면 html5 spec을 통해 읽기를 강력하게 추천 할 것입니다.