이름 속성이 더 이상 사용되지 않습니다. 앵커를 처리 할 때 올바른 동작은 무엇입니까?

18

w3 html5 validator를 사용하여 코드를 테스트 할 때 다음 경고 메시지가 표시됩니다.

경고 :이 name속성은 더 이상 사용되지 않습니다. id대신 가장 가까운 컨테이너에 속성을 배치하십시오 .

질문 :

가장 가까운 컨테이너 란 무엇입니까?
<a>현재 비어 있습니까?
id대신에 사용해야합니까 name?

— 츠 카이
소스

9

[A] 빈 자리 표시 자 태그는 더 이상 사용되지 않으며, 앵커는 단순히 id를 가진 요소를 간단하게 가리킬 수 있습니까?

인 페이지 링크가 필요한 제목 태그 (MediaWiki의 기본 동작에 따름)로 사용자를 이동시키는 것을 선호하지만, 모든 요소의 ID를 지정할 수 있습니다.

— Danlefree
소스

17

당신은 또한으로 알려져있는 페이지 링크로 사용자를 이동해야하는 경우 조각 식별자 , 당신은 설정할 수 있습니다 id(IS 속성 보다 단지 파편 IDS에 비해 사용 에 대한) 모든 요소를. 그런 다음 요소 속성의 #URL 에서 평소 를 사용하십시오 . 예를 들면 다음과 같습니다.hrefa

<body>
  <p>Despite the many
    <a href="#benefits-of-gum-chewing">benefits</a>
    you may experience while chewing gum, there are also many drawbacks,
    especially with 
    <a href="http://www.example.org/sugar.html#cons">non-sugarless</a>
    gum.</p>
  ...
  <section id="benefits-of-gum-chewing">
    <h1>Benefits of Gum Chewing</h1>
    ...
  </section>
</body>

내 자신의 페이지를 작성할 때, 나는 그것을 사용할 계획이 없더라도 id각 <section>태그 (HTML5) 를 제공하고 싶습니다 . 의 가치는 id제목 콘텐츠의 URL 친화적 인 버전입니다. 에 등 id을 할당하여 동일한 효과를 얻을 수 있습니다 <h1>.

마지막으로 HTML5 사양에<a> 표시된 것처럼 빈 태그는 더 이상 사용되지 않습니다 .

a요소에 href속성 이없는 경우 요소는 링크가 배치 된 위치의 자리 표시자를 나타냅니다.

또한 area요소 에도 동일하게 적용됩니다 .

href의 특성 a과 area요소가 요구되지 않는다; 해당 요소에 href속성이 없으면 하이퍼 링크를 만들지 않습니다.

— 차비
소스

2

HTML5의 경우 name이제 attribute가 더 이상 사용되지 않으므로 id대신 사용할 수 있습니다 name. 그렇지 않으면 다른 모든 것이 동일합니다.

<a> 더 이상 사용되지 않습니다.

— 숀 탱크 가비
소스

이 답변은 훌륭하지만 더 이상 사용되지 않는 문서 또는 기사에 대한 링크가 더 좋습니다.

— 스티븐 오스터 밀러

1

특히, 더 이상 사용되지 않거나 사용되지 않는 앵커 요소 의 name속성입니다 . 이 속성은 여전히 다른 요소에서 완벽하게 유효하며 필수입니다. name

— MrWhite