HTML 태그가 강력하고 정확한 방법으로 작업하고 있습니까?

Question

아래의 코드를 가지고,

<strong><a href="#">Link</a></strong> 

그것은 링크가 굵게됩니다.

이제 다음 예제를 고려해보십시오. 정확하게 똑같은 일을하지만, SEO 및 의미 론적 관점에서 사용하는 것은 무엇입니까?

<a href="#"><strong>Link</strong></a> 

Answer 1

그들 사이에서 선택할 중요한 것은 없습니다.

특정 링크가 더욱 강조되도록하려는 경우에만 사용해야합니다. 굵게 링크를 원한다면, 스타일 시트에 a { font-weight: bold; }을 사용해야합니다.

Answer 2

필자의 경험에 따르면, 텍스트 주위에만 앵커를 배치하거나 최소한의 마크 업 주위에 앵커를 배치하면 브라우저 버그가 최소화됩니다.

나는 위의 Quentin의 의견에 정중하게 동의하지 않습니다. <strong>은 진정한 의미 론적 가치를 제공하는 반면, font-weight: bold;은 시각적 의미 론적 기술자이다. 이 주장을 뒷받침하기 위해, W3C 정의에 대한 링크를 두 문장 모두와 함께 첫 문장과 함께 제시합니다.

• http://www.w3.org/TR/REC-CSS1/#font-weight

  '폰트 중량'속성

  폰트의 중량을 선택한다.

• http://www.w3.org/TR/html5/text-level-semantics.html#the-strong-element

  strong 요소는 그 내용에 대한 강력한 중요성을 나타냅니다.

  는

<strong> 같은 요소의 의미 론적 의미는, HTML5에서 변경된 요소에 대한 W3 설명서 <b> 및 <strong>에 대한 정의 변경을보고하는 방법 고의적 인의 감각을 활용하려면 다음 www.w3.org/를 TR/html5-diff/# changed-elements