HTML 문서 본문에 <link> 태그를 사용할 수 있습니까?

20

<link>HTML 페이지 본문에 태그를 사용할 수 있습니까 ? 이 질문에 대한 답을 찾으려고했지만 모순 된 정보를 찾았습니다.

HTML 페이지에 Schema.org 마이크로 데이터 마크 업을 추가 할 때 다음과 같이 링크 태그에 정식 정보를 추가하고 싶습니다.

<div itemscope itemtype="http://schema.org/Book">
  <span itemprop="name">The Catcher in the Rye</span>—
  <link itemprop="url" href="http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye" />
  by <span itemprop="author">J.D. Salinger</span>
</div>

위의 예제 코드는 Schema.org 에서 얻었습니다 . 그들에 따르면, 이것은 itemprop에 정식 참조를 추가하고 싶지만 웹 사이트에 하이퍼 링크를 배치하고 싶지 않은 사람들에게가는 방법입니다.

그러나 W3에서는 <link>태그를 헤드 섹션에만 배치해야하므로 Schema.org 예제를 무효화해야합니다.

올바른 마크 업을 고수하려면 어떤 조언을 따라야합니까?

— 에드워드 투우
소스

w3.org 가 아닌 w3schools.com (W3C와 관련이 없음)에 연결하고 있습니다.

— unor

아, 물론 그렇습니다. W3schools에 대한 링크를 제거했습니다. 감사.

— Edward Touw

SEO에 무슨 일이 일어나는가 : webmasters.googleblog.com/2013/04/…

— Faiz

23

마이크로은 연장 방식을 HTML5 link및 meta에서 사용할 수있는 요소 body, 만약 그들이 포함 itemprop속성.

경우 itemprop속성에 존재 link하거나 meta, 그들은 내용과 같이 분석 내용 흐름이다. link및 meta경우 생성 프레이징 콘텐츠가 예상되는 경우 소자가 사용될 수있다 itemprop속성이 존재한다.

이 확장은 현재 HTML 5.1 Nightly (Editor 's Draft)에도 포함되어 있습니다 ( linkelement 및 metaelement 참조 ). 그러나 최근 마이크로 데이터 사양이 W3C 노트가되면서이 참조에서 어떤 일이 발생하는지 확인해야합니다.

RDFa 1.1 은 HTML5를 확장link 하여 meta요소 body가 propertỳ속성 을 포함하는 경우 요소를에서 사용할 수 있습니다 .

경우] @property를 RDFa 속성이 상에 존재 link하거나 meta구성 요소들은이 사용된다면 따르는 것으로 간주되어야 body문서. 보다 구체적으로 말하면, link또는 meta요소에 RDFa @property속성이 포함되어 body있고 HTML5 문서 에서 사용되는 경우 플로우 컨텐츠로 간주되어야합니다.

당신은되도록 하지 사용할 수 있는 link 요소 (예를 들어, <link href="" rel="" />에) body하지만 만와, itempropRESP (마이크로 데이터에 대한) 속성. property(RDFa를위한) 속성.

따라서 link요소를 다음에서 사용할 수 있습니다 body.

<body>
<!-- … -->
  <link itemprop="url" href="http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye" />
<!-- … -->
</body>

— 또는
소스

감사! 따라서 올바르게 이해 <link>하면 itemprop 속성이 포함되어있는 한 본문 에서 태그 를 사용할 수 있습니까? 그리고 itemprop 속성이 포함되어있는 한, href원래 질문에 사용 된대로 포함시킬 수 있습니까?

— Edward Touw

@EdwardTouw : 예; href어떤 경우에도 속성을 제공해야합니다 . 그래서만큼 같은 link요소는이 itemprop속성을, 당신은 그것을 사용할 수 있습니다 body. 그런 다음 더 이상 전체 문서의 메타 데이터가 아니고 (에서 일반 link요소 의 경우처럼 head) Microdata의 "숨겨진"요소입니다.

— unor

11

W3Schools는 HTML 코딩에 대한 업계 표준을 설정하지 않습니다. 어쨌든 W3C와 관련 이 없는 타사 참조 사이트입니다 . W3Schools 및 기타 사이트는 스키마 및 반응 형 디자인 과 같은 최첨단 코딩 기술을 사용할 때 종종 잘못됩니다 . 상당히 새로운 코드를 사용할 때 준수 표준을 설정 한 원 스톱 상점은 W3C 여야하며 HTML5를 이해하는 데 도움이 필요한 경우 HTML5 Doctor 는 공식적이지 않지만 높은 평가를 받아야합니다.

코드를 보면 링크 요소에 포함 된 문제없이 W3C 유효성 검사 를 통과 합니다.<body> </body>

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
</head>

<body>
<div itemscope itemtype="http://schema.org/Book">
  <span itemprop="name">The Catcher in the Rye</span>—
  <link itemprop="url" href="http://en.wikipedia.org/wiki/The_Catcher_in_the_Rye" />
  by <span itemprop="author">J.D. Salinger</span>
</div>
</body>
</html>

짧은 대답 : 예, 사용할 수 있습니다<LINK>내에서<body> </body>하지만 Unor는 그의 대답에 언급 된 것처럼 itemprop에 포함되어야합니다.

— 사이먼 헤이 터
소스

2009 년부터 HTML5 초안에 링크하고 있습니다. 현재 HTML5 CR 에는 관련 정의가 포함되어 있지 않습니다.

— unor

0

itemprop속성이 있으면 링크 요소를 HTML 문서의 본문에 추가 할 수 있습니다 . 여기 데모가 있습니다.

또한 여기의 itemprop에 링크 속성 예.

— 다니엘
소스

2

이들이 귀하의 사이트에 대한 링크 인 경우, "내 블로그에서이 내용을 다루었습니다 ..."와 같은 면책 사항을 추가하십시오.

— dan