내 새로운 회사에서 내 HTML

Question

에»멀리 얻기 그들과 같이 자신의 HTML에»을 사용하는 연습이 : 내가 처음이 가로 질러 왔을 때 나는 눈썹을 제기하지만, 자신의 사이트를 확인

<p>» <a href="/individuals/why-washington-national">Learn more</a></p> 

다른 브라우저의 수는 어떤 문제를 가로 질러 오지 않았다. 그러나 내부 프로젝트를위한 회의에서 IT 그룹은 타사 CMS를 통해 콘텐츠 업데이트를 제출할 때이 캐릭터가 미치는 영향에 대해 이야기하기 시작했습니다.

매우 명확하게하려면 » ... 코드는 위와 똑같습니다.

내 선호는 span에 »을 감싸고 CSS를 사용하여 필요할 때 또는 필요할 때 스타일을 지정하는 것입니다. 생각?

Answer 1

»의 접근성 문제는 따로 따옴표로 묶어서 HTML에서 소스에 직접 포함시키는 것이 좋습니다. 그러나이 경우 목적은 주로 장식적인 것으로 보이므로 CSS 의사 요소와 생성 된 내용을 사용하여 필요할 때마다 적용하고 HTML에서 모두 제거하는 것이 좋습니다.

HTML

<p class="raquo"> 
<a href="/individuals/why-washington-national">Learn more</a> 
</p> 

CSS

.raquo:before { 
    content: '»'; 
} 

당신은 다음 몇 가지로, 불필요한 <div> 년대를 도입 할 필요없이 마음껏 스타일에 :before 요소에 대한 CSS를 사용 할 수 있습니다 그 캐릭터를 사용하면 접근성에 미치는 영향을 제한 할 수 있습니다.

덧붙여서 <div>을 <p> 안에 넣는 것은 의미가 아닙니다.