HTML標簽、選擇符、超鏈接以及SEO

常見標簽：

<div>塊</div>

img標簽是個單標簽 alt作用 圖片加載失敗 顯示alt中內容

<img src="圖片名字" alt="圖片的名字"/>

a標簽詳細介紹：

a標簽的鏈接實現：

<a href = "鏈接" target="_blank">a標簽 </a> 點擊a標簽

會轉到相應鏈接下控制鏈接新打開一個頁面用或者其他用target，還有self等其

他；

在head部分寫入<base target = "_blank">默認頁面中所有鏈接打開方

式，如果在body部分些人target屬性，以body部分里面a標簽里的target屬性為

先；

a標簽的下載實現：<a href = "#">放入要下載的東西</a>放的里面用#

號 實現下載功能

a標簽的錨點實現： <a href = "#box(一個id)">（一個錨點）百步飛

劍</a>

標題標簽 不是一個 是一組 一共以下六個：

<h2></h>

<h3></h>

<h4></h>

<h5></h>

<h6></h>

<h7></h>

段落標簽  一段話用p標簽

<p><p/>

強調標簽strong 頁面默認展示為粗體

<strong>內容（Content）</strong>

<em>也是強調的作用沒有strong 標簽語氣那么重 默認展示為斜體

span標簽

區分樣式，一段文字或內容樣式區分

<span >Conten</span>

列表

有序列表

<ol>

<li>(列表項目)</li>

</ol>

無需列表

<ul>

<li>(列表項目)</li>

</ul>

定義列表

<dl>

<dt>定義列表標題</dt>

<dd>定義列表項目</dd>

</dl>

SEO:搜索引擎優化 例如：百度一下等

作用：有一個爬蟲程序 每×××索信息 保存下來

標簽的的優點：

頁面標簽語義化；

使用對SEO有利于標簽；h2;h3;h4;strong;em 占7%或8%左右 合理的優

化 不要過分使用

提高頁面關鍵詞密度；

id選擇符

#box1,box2{

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

}

群組選擇符 #后面跟id+"，"+id一組群組用一樣的樣式

      .box(id)和class的使用 class是一個類，可以理解為一個可以重復使

用的id；

class 選擇符 可以跟多個樣式

類型選擇符 標簽名{}

包含選擇符：根據頁面中的包含關系來選擇

div p{}表示div標簽里面所有的p標簽

通配符

*{border:1px solid red;}頁面中所有的都帶有此格式 基本無用

選擇符的優先級：

前提 同級 ：樣式默認后者覆蓋前者

包含級別越高，樣式就使用哪個

class樣式選擇符

同級別調用名字的先后順序沒有關系，只與樣式的先后有關系

類型（1）<class(10)<id（100）<style行間樣式（1000）<js

(javaScrapt)

比較樣式優先級，根據最高樣式優先級個數判斷

工作中不要寫太深的包含關系

a的偽類：

link 未訪問

hover 鼠標懸停（鼠標劃過）

active 鏈接激活

visited 訪問過后

寫法 寫在style里面的

a：link{}

a:hover{}

偽類順序 link visited hover active

應用：搜索引擎 小說等

div偽類：hover 大多數標簽都支持hover

IE6不支持a意外其他任何標簽的偽類

IE6以上支持