하이퍼 링크 내에서 텍스트 스타일을 변경하는 올바른 방법이 있다면?

Question

나는 다음과 같이 내 코드를 확인하려고 :

<ul class="work"> 
    <li> 
     <a href="work1.html"> <img src="images/work_1.png" alt="Work 1 Logo" /> <h4>Lorem ipsum doler sit amet consectetur adipiscing elit.</h4> Work 1 </a> 
    </li> 
    <li> 
     <a href="work2.html"> <img src="images/work_2.png" alt="Work 2 Logo" /> <h4>Lorem ipsum doler sit amet consectetur adipiscing elit.</h4> Work 2 </a> 
    </li> 
    <li> 
     <a href="work3.html"> <img src="images/work_3.png" alt="Work 3 Logo" /> <h4>Lorem ipsum doler sit amet consectetur adipiscing elit.</h4> Work 3 </a> 
    </li> 
</ul> 

내가 직면하고 문제를 물론, (H4) 그 블록 수준 요소 내부 인라인 요소 (A) 안이다. XHTML 1.0 Strict 유효한 방법이 있나요?이 코드로 지금 당장 볼 수있는 것과 동일한 효과를 볼 수 있습니까? (a)에 (h4)을 넣음으로써 얻을 수있는 독특한 미적 이익은 동일한 앵커의 영향을받는 두 가지 텍스트 스타일이 있다는 사실입니다. 그것은 실제로 내 페이지에서 아주 좋아 보인다!

Answer 1

h4을 span으로 변경하고 동일한 스타일을 지정하십시오.

<ul class="work"> 
    <li> 
     <a href="work1.html"> <img src="images/work_1.png" alt="Work 1 Logo" /> 
     <span>Lorem ipsum doler sit amet consectetur adipiscing elit.</span> 
     Work 1</a> 
    </li> 
etc.