2012-06-25 3 views
0

Doctype이 XHTML 1.0 Transitional을 선언하는 경우 이것이 받아 들일 수 있습니까? 하나의 "a"태그로 여러 요소를 하이퍼 링크 할 수 있습니까?

<a href="" target="_self"> 
    <img src="" width="160" height="160" alt="" /> 
    <img src="" width="160" height="160" alt="" /> 
    <img src="" width="160" height="160" alt="" /> 
    <h1>Images</h1> 
</a> 

나는 XHTML 다음 <a></a> 블록 요소를 포함 할 수는 없지만 만약 내가 다시이 정보를 찾을 수 읽기 기억하는 것 같다.

답변

0

당신은 두 가지 질문이 있습니다

허용 하나 ""태그 여러 요소에 하이퍼 링크되어 있습니까?

예, 결합 된 여러 요소가 하이퍼 링크가 가리키는 자원의 설명을 구성하는 경우입니다.

XHTML 1.0 Transitional의 하이퍼 링크 내에 블록 레벨 요소가 올 수 있습니까? <a> 소자 허가가 상위 레벨의 내부 요소를 차단하면

호 그러나 HTML5에 유효하다.

0

네, 괜찮습니다. 앵커 태그에는 div가 없어야하지만 이미지와 텍스트는 문제가 없습니다.

http://validator.w3.org/check을 사용하여 코드의 유효성을 검사하면 문서 유형이 감지되어 문제를 알려줍니다.

0

괜찮습니다.하지만 반대하는 것이 좋습니다. SEO 관점에서 명확한 설명이 포함 된 깨끗한 하이퍼 링크가 가장 좋습니다. 이제 이미지에 4 개의 요소 (이미지 3 개와 헤더 1 개)가 있습니다. 그 중 이미지에는 예제에 설명이 없습니다. CSS와 관련하여 다른 요소에 대한 링크를 적용하기 때문에 최종 사용자에 대해 바람직하지 않은 동작이 발생할 수 있습니다. 그 말은 위의 예제에서 다르게 스타일을 지정해야한다는 뜻입니다. 코드를 실행하면 기본적으로 모든 브라우저에서 예상되는 내용을 확인할 수 있지만 왜 스스로를 어렵게 만드는지는 알 수 있습니다.