HTML タグ、セレクター、ハイパーリンク、SEO の詳細な紹介

共通タグ:

block

img タグは単一タグの alt 関数です。画像の読み込みが失敗し、alt 内のコンテンツが表示されます

タグの詳細な紹介:

タグのリンク実装:

a タグタグ

は、対応するリンクの下で、新しいページまたは他のターゲットを開くリンクを制御し、他のリンクを待機します

すべてのリンクに を書き込みます。デフォルトのページが開かれます

式、ボディ部分にターゲット属性がある場合、ボディ部分の a タグのターゲット属性を

最初に a タグの実装をダウンロードします。 = "#"> ダウンロードしたいものを入れます #

を使ってダウンロード機能を実装します

aタグのアンカーポイント実装: (アンカー ポイント) Baibu Fei

Sword

タイトル タグは 1 つではなく、合計 6 つのグループです:

段落タグ 段落には p タグを使用します

強力なタグを強調します

Content (Content)< /strong>

強調も、デフォルトでは、strong タグのトーンほど強くありません。斜体で表示されます

スパンタグ

スタイル、テキストの段落、またはコンテンツのスタイルを区別します

< span style="color:red">内容

リスト

順序付きリスト

(リスト項目)

リストは必要ありません

• (リスト項目)

リストを定義します

define list title

define list item

SEO: 検索エンジンの最適化 例: Baidu など

機能: 検索するクローラー プログラムがあります。毎日情報を得て保存します

タグの利点:

セマンティックなページタグ; h1; h2;h3;strong;em が約 7% または 8% を占めます。

使いすぎないでください

ページのキーワード密度を増やします。

ID セレクター

#box1,box2{

width:100px;height :100px;background:red;

}

グループ セレクター # の後には id+ が続きます","+id. グループのグループは同じスタイルを使用します

。 .box(id) と class クラスは繰り返し使用できる ID として理解できます

;複数のスタイルを続けることができます

タイプセレクターのタグ名 {}

包含セレクター: ページ内の包含関係に従って選択します

div p{ } div タグ内のすべての p タグを表します

ワイルドカード

*{ border:1px Solid red;} ページ内のすべてがこの形式になっていますが、これは基本的に役に立ちません

セレクターの優先順位:

前提条件の兄弟: スタイルのデフォルト 後者は前者をオーバーライドします

包含レベルが高くなるほど、スタイルは使用しますどの

クラス スタイル セレクター

同じレベルでの名前の呼び出し順序は関係ありません。スタイルの順序のみが重要です

Type (1)

(javaScrapt)

スタイル優先度を比較し、最も高いスタイル優先度の数に基づいて判断します

作業中に深すぎるインクルージョンを書かないでください 疑似クラスのリレーションシップ

a:

リンクが訪問されていません

hover マウスホバー (マウスオーバー)

アクティブリンクのアクティブ化

訪問後に訪問

スタイルで記述

a: link {}

a:hover{}

疑似クラスシーケンスリンクの訪問 hover active

アプリケーション: 検索エンジンの小説など

div 擬似クラス: hover ほとんどのタグは hover をサポートします

IE6 は他のタグに対して予期せず擬似クラスをサポートしません

IE6 以降でサポートされます

以上がHTML タグ、セレクター、ハイパーリンク、SEO の詳細な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。