HTMLの標準的な共通プロパティに加えて、リンク要素には、charset、href、hreflang、media、rel、rev、ターゲット、タイトル、タイプの多くのオプションプロパティも含まれます。これらのプロパティの中で、ターゲットは2種類のDTDでのみ使用できます。トランジショナルおよびフレームセットであり、その他は3種類のDTD、厳格、移行、およびフレームセットで使用できます。
これらのプロパティの中で、Relプロパティがコアです。この記事では、Web Designでは、あなたが知っているいくつかのREL属性と、WordPressのいくつかのリンク要素の処理を紹介します。これは、初心者が学習するのに適しています。
リンクタグの最も一般的な使用は、外部スタイルのシートを呼び出すことです。
<link rel=stylesheet href=http://paranimage.com/wp-content/themes/v5/style.css type=text/css media=screen />HREFがターゲットドキュメントのURLである場合、タイプはターゲットURLのMIMEタイプを指定し、メディアはドキュメントが表示されるデバイスを指定します。
次のWebDesignerWallスタイルシートコールは、ドキュメントが印刷デバイスに表示されるときにCSSスタイルを指定します。
<link rel=stylesheet href=http://www.webdesignerwall.com/wp-content/themes/wdw/print.css type=text/css media=print />また、次のようないくつかのWebページにStyleSheet呼び出しコードも表示されます。
<link rel=alertnate stylesheet href=http://paranimage.com/wp-content/themes/v5/red.css type=text/css media=screen />このコードは、最初のリンク要素と同時に使用される交換可能なスタイルシートを定義します。最初のリンク要素は、優先スタイルを定義し、ユーザーは交換されたスタイルを選択できます。ただし、この交換操作にはブラウザがサポートする必要がありますが、IEなどの多くのブラウザはサポートしていません。
したがって、スタイルを置き換えるWebページを使用する場合、一般にいくつかのスタイルシートを使用してJSを切り替え、ユーザーがインターフェイススタイルを自由に切り替えることができます。誰もがこれを見たはずであり、一部のWebサイトはWebページの複数の色を定義します。 WordPressユーザーに興味がある場合は、 Small PotatoのWPDesigner7 WordPressテーマトライアルリサーチ(またはチェックデモ)をダウンロードできます。これは、シンプルなJSと複数の交換可能なスタイルを使用して、ユーザーがWebページの配色を変更できるようにします。わずかに高いレベルの場合は、JSを使用して、日中の明るい色や夜の暗い色など、時間の経過とともにスタイルを変更することもできます。
注:メディアを指定する=すべて優先スタイルのすべてと印刷スタイルを追加することは、Web標準とより一致します(ただし、通常のWebサイトでは、ページを印刷したい人は多くありません)。 Palan Imageには印刷スタイルが定義されていないので、後でそれをするのに時間がかかります注:代替スタイルを使用するかどうかは、検討する価値のある質問です。配色のみを変更し、全体的なメイントーンが変更されていない場合、それは許容されます。ただし、WordPressユーザーなどの一部の友人は、完全に異なるスタイルの複数のテーマを有効にし、プラグインを使用してユーザーが自由に変更できるようにします。これはかなりクールなようですが、私のアドバイスは決してそうすることではありません。それがSEOに影響するかどうかは言うまでもありませんが、人々はあなたのウェブサイトに対する固定画像認識を欠いています。Favicon/お気に入りのアイコンの詳細な紹介については、 Baidu Encyclopedia(1、2)を確認し、次のコードを使用してそれを呼び出すことができます。
<link rel=shortcut icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.ico type=images/x-icon/><link rel=icon href=http://paranimage.com/wp-content/themes/v5/images/favicon.png type=images/png/>私はまだこの電話について少し混乱しています。私の実験の結果は次のとおりです。
iPhoneまたはiPod Touchデバイスを使用すると、ユーザーはホーム画面にリンクを追加できます。次のコードを使用して、WebサイトにApple Touchアイコンを指定します。
<link rel=apple-touch-icon href=http://paranimage.com/wp-content/themes/v5/images/apple-touch-icon.png />アイコンのサイズは57*57 PNG形式です。そうでない場合は、自動的にスケーリングします。私が間違っていなければ、iPhoneスタイルのように美しい丸い角にする必要はありません。 iPhoneは、Last.fmのApple Touchアイコンなど、そのスタイルに応じてアイコンを自動的に丸い角の勾配に変えます。
国内ユーザーの場合、iPhoneを使用している人は多くありません。たとえ多くのことがあっても、あなたのウェブサイトはホーム画面に配置されますか?それはおそらく、私たちのような普通の小さなウェブサイトができることではないでしょう。しかし、それは楽しいです、私は自分のウェブサイトのためにそれを作り、このリンク要素を追加しました。
以下は、RSS2アドレス、ATOMアドレス、ピングバックアドレスのWordPressデフォルトテーマの定義です。特定の原則は深遠で複雑だと思うので、それらを研究しません。とにかく、あなたのブログはそれを必要としているので、Atomは大丈夫ですか?
<link rel=alternate type=application/rss+xml title=<?php bloginfo('name'); ?> rss feed href=<?php bloginfo('rss2_url'); ?> /><link rel=alternate type=application/atom+xml title=<?php bloginfo('name'); ?> atom feed href=<?php bloginfo('atom_url'); ?> /><link rel=pingback href=<?php bloginfo('pingback_url'); ?> />関数がある場合<?php wp_head(); ?>あなたのトピックでは、次の2つのリンク要素が表示されます。
<link rel=edituri type=application/rsd+xml title=rsd href=http://localhost/wordpress/xmlrpc.php?rsd /><link rel=wlwmanifest type=application/wlwmanifest+xml href=http://localhost/wordpress/wp-includes/wlwmanifest.xml />これらの2つの要素は、主にリモートパブリッシング用です。たとえば、Windows Live Writeなどのデスクトップブログエディターを使用して記事を公開するなどです。この機能が必要ない場合は、これら2つの要素を完全に削除できます。削除する方法は、WordPressテーマのfunctions.phpを開き、下部の<?php}?>または?>タグの前に次のコードを挿入することです。
remove_action('wp_head', 'rsd_link');remove_action('wp_head', 'wlwmanifest_link');注:<?php wp_head()以来、あなたはそれを考えているかもしれません。 ?>関数はこれら2つのものを生成し、それらを削除するだけです。はい、他のプラグインが期待される場合は、この関数を取得する必要はありません。削除します。Google、Yahoo、およびLive Searchは、今年2月頃にリンクの新しい属性Canonicalのサポートを発表しました。これは、コンテンツの重複の問題を解決するためにWebページに権威あるリンクを指定する主な機能を備えています。
この属性の詳細な紹介については、Google Chinese WebmasterのURLパラダイムを指定してください。
以下は、主にWordPressユーザーがこのプロパティを頭に追加することを推奨する2つのプラグインを紹介します。SEOは複製なしまたはCanonical URLです。使いやすいです。
完全な分析と言われていますが、実際には、ほとんどの人にとって十分な一般的に使用されているもののほんの一部です。他の重要で一般的に使用されるrel属性も知っている場合は、それらを共有できます。