タグのrel属性の詳細説明

巴扎黑
巴扎黑オリジナル
2017-06-27 13:27:302572ブラウズ

2cdf5bf648cf2f33323966d7f58a7f3f タグは、現在のドキュメントと Web コレクション内の他のドキュメントの間の関係を定義します。 link 要素は空の要素であり、属性のみが含まれています。この要素は head セクションにのみ存在できますが、何度でも出現できます。 HTML では、2cdf5bf648cf2f33323966d7f58a7f3f タグには終了タグがありません。 XHTML では、2cdf5bf648cf2f33323966d7f58a7f3f タグを正しく閉じる必要があります。

HTML の標準の一般属性に加えて、link 要素には、charset、href、hreflang、media、rel、rev、target、title、type などの多くのオプション属性も含まれています。これらの属性のうち、target は Transitional と Frameset の 2 つの DTD でのみ使用できます。その他 は Strict、Transitional、Frameset の 3 つの DTD で使用できます。

これらの属性のうち、rel 属性が中心であり、検索エンジンはこの属性を使用してリンクに関する詳細情報を取得できます。 (1)

stylesheet

-- 外部スタイルシートの呼び出しこの属性は最も一般的に使用され、以下に示すようにスタイルシートを呼び出すために使用されます:

<link rel="stylesheet" href="http://blog.yunlives.com/style.css" type="text/css" media="screen" />

ここで、href はターゲットドキュメントの URL です。 type はターゲット URL を指定し、media はドキュメントを表示するデバイスを指定します


media: ["screen": 表示デバイスを示します; "

print

": 印刷デバイスを示します;]。
(2)

icon -- Web サイトのお気に入りアイコンを定義します

<link rel="shortcut icon" href="http://blog.yunlives.com/images/favicon.ico" type="images/x-icon"/>
<link rel="icon" href="http://blog.yunlives.com/images/favicon.png" type="images/png"/>
icon 属性は、タイトル バー、アドレス バー、およびコレクション バーの小さなアイコンを指定します


注: 1. IE のみをサポートしますico 形式のファビコン; 2. rel 属性には、IE で表示されるショートカットが含まれている必要があります


(3)

canonical

-- URL

<link rel="canonical" href="http://blog.yunlives.com?page=3/" />
の正規バージョンを指定します。 canonical 属性 現在の Web サイト内の重複または類似の Web ページのうち、どのページが Web マスターがクロールして含めたいものであるかを

検索

エンジンに知らせるために使用されます。


(4)

author

-- ドキュメントの作成者を宣言します


(5)

home

-- サイトのホームページに接続します (6) search

-- ドキュメントにリンクする検索ツール

(7) sidebar

-- ブラウザのサイドバーに表示されるドキュメントへのリンク

(8) friend

-- フレンドリーリンク


参考リンク:

http://www.cnblogs.com/aNd1coder/archive/2012/05/30/2526359.html

http://www.dreamdu.com/xhtml/attribute_rel/

http://www.w3school.com.cn/jsref/prop_anchor_rel.asp

以上がタグのrel属性の詳細説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。