HTMLドキュメントの本文で<link>タグを使用できますか？

20

<link>HTMLページの本文でタグを使用できますか？この質問に対する答えを見つけようとしましたが、矛盾した情報が見つかりました。

Schema.org microdataマークアップをHTMLページに追加するとき、次のようなリンクタグに標準的な情報を追加します。

<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>タグはheadセクション内にのみ配置する必要があるため、Schema.orgの例を無効にしていることが明確に示されています。

正しいマークアップに固執したい場合、どのアドバイスに従うべきですか？

— エドワード・タウ
ソース

w3.orgではなく、w3schools.com（W3Cとは関係ありません）にリンクしています。

— unor

ああ、もちろん、あなたは正しい。W3schoolsへのリンクを削除しました。ありがとう。

— エドワードトー

SEOがどうなるかを次に示します。webmasters.googleblog.com

— 2013/04

23

ミクロは、 拡張した方法でHTML5をlinkし、metaで使用することができる要素body、あればそれらに含まれるitemprop属性を。

場合はitemprop、属性が上に存在するlinkかmeta、彼らはコンテンツやフレージングコンテンツを流しています。link及びmeta場合フレーズコンテンツが期待される要素を使用することができるitemprop属性が存在しています。

この拡張機能は現在、HTML 5.1 Nightly（Editor's Draft）にも含まれています（linkelementおよびmetaelementを参照）。しかし、Microdata仕様が最近W3C Noteになったため、このリファレンスで何が起こるかを確認する必要があります。

RDFa 1.1 は、 HTML5を拡張し、属性が含まれている場合link、meta要素をで使用できるようにbodyしpropertỳます。

場合@propertyRDFaの属性が上に存在するlinkかmetaの要素、それはで使用される場合には準拠したと見なければならないbody文書の。より具体的には、linkまたはmeta要素がRDFa @property属性を含み、bodyHTML5ドキュメントで使用される場合、それらはフローコンテンツと見なされなければなりません。

そのため、内の要素（たとえば）を使用することはできませんが、属性（Microdata用）を持つ要素のみを使用できます。（RDFaのための）属性。link<link href="" rel="" />bodyitempropproperty

したがって、link要素は以下で使用できますbody。

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

— もしくは
ソース

ありがとう！正しく理解すれば<link>、itemprop属性が含まれている限り、本文でタグを使用することが許可されますか？また、itemprop属性が含まれている限りhref、元の質問で使用されているとおりに含めることもできますか？

— エドワード・タウ

@EdwardTouw：はい。あなたは与えなければなりませんhrefどのような場合に属性を。そのため、link要素にitemprop属性がある限り、で使用できますbody。次に、ドキュメント全体のメタデータではなく（の通常のlink要素の場合のようにhead）、Microdataの「非表示」要素になります。

— -unor

11

W3Schoolsは、HTMLコーディングに関する業界標準を設定していません。とにかくW3Cと提携していない、単なるサードパーティの参照サイトです。スキーマやレスポンシブデザインなどの最先端のコーディングテクノロジを使用する場合、W3Schoolsや他のサイトはしばしば間違っています。かなり新しいコードを使用する場合、ワンストップショップはコンプライアンス基準を設定するW3Cである必要があり、HTML5 Doctorが公式ではないが非常に尊敬されているため、HTML5の理解に役立つ場合があります。

コードを見ると、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

これらがあなたのサイトへのリンクである場合、「ここでブログで取り上げました...」のような免責事項を追加してください。

— ダン