Google은 이미지 회전식 구조물을 제작하고 있습니다. 클릭하면 클릭 할 수있는 미리보기 이미지가 표시되어 실제 이미지가 표시됩니다. 따라서 우리는 Html에 두 URL이 모두 필요합니다. img 태그에 정의 된 "actualImageUrl"속성이 없기 때문에 /thumb.png?altUrl=actualImageUrl.png과 같은 미리보기 이미지 URL을 작성할 수 있다는 것을 알았습니다. 서버는 actualImageUrl 쿼리 문자열 param을 처리하지 않으며 javascript를 사용하여 scr 속성을 구문 분석하고 actualImage Url을 계산할 수 있습니다.XHTML W3C 규정 준수, src 속성의 다중 정보
어떻게 W3C가 유효합니까? src 속성의 URL을 변경
뭐든지 (정식 것) "유효"에 대한 XHTML 의미하는 src 속성 값으로 유효 할 수 있습니다. 또한이 값에 쿼리 부분을 포함하고 클라이언트 쪽 스크립팅에 사용하는 것이 맞습니다.
하지만 불필요하게 복잡 할 수 있습니다. 클라이언트 측 JavaScript로 작업 할 때 URL을 HTML 마크 업의 아무 곳에 나 배치하는 대신 JavaScript 배열 또는 객체에 URL을 포함시킬 수 있습니다. 예를 들어,
var fullImage = { 'thumb.png': 'actualImageUrl.png', ... }
같은 속성 이름과 해당 값으로 전체 이미지 URL로 썸네일 이미지 URL을 가진 객체를 사용할 수 있습니다 그리고 썸네일을 클릭하면 당신은 그 때 전체 이미지의 URL을 선택이 개체를 사용합니다 에.
자바 스크립트가 비활성화 된 경우에도 작동 할 수있는보다 강력한 솔루션의 경우 코드 서버 측을 생성하여 a 요소를 img 요소 주위에 생성해야합니다.
완벽하게 유효합니다 -하지만 당신은 data- 속성을 사용할 수 있습니다 - (이 문서 타입이 사용할 수있는 요구 사항은 아니지만)과 그 목적은 사양에서, 정확히 이것이다 새로운 HTML5로를 :
사용자 지정 데이터 특성은 적절한 특성이나 요소가없는 페이지 또는 응용 프로그램에 대한 사용자 지정 데이터를 저장하기위한 것입니다.
w3 specs for custom attributes
주 - 당신 test validation here