ホームページ > ウェブフロントエンド > htmlチュートリアル > HTML タグ、セレクター、ハイパーリンク、SEO の詳細な紹介

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

高洛峰
リリース: 2017-03-23 09:33:39
オリジナル
1662 人が閲覧しました

共通タグ:

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 サイトの他の関連記事を参照してください。

    ソース:php.cn
    このウェブサイトの声明
    この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
    人気のチュートリアル
    詳細>
    最新のダウンロード
    詳細>
    ウェブエフェクト
    公式サイト
    サイト素材
    フロントエンドテンプレート