HTML標籤、選擇符、超連結以及SEO詳細介紹

常見標籤：

區塊

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

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

a標籤詳細介紹：

a標籤的連結實現：

# a標籤 點擊a標籤

會轉到相應連結下控制連結新開啟一個頁面用或其他用target，還有self等其

他；

在head部分寫入預設頁面中所有連結打開方

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

先；

a標籤的下載實作：放入要下載的東西放的裡面用

#號實作下載功能

a標籤的錨點實作： （一個錨點）百步飛

劍

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

#

段落標籤 一段話用p標籤

< 段落標籤 一段話用p標籤

< ;p/>

強調標籤strong 頁面預設顯示為粗體

內容（Content）

也是強調的作用沒有strong 標籤語氣那麼重默認展示為斜體

span標籤

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

Conten

列表

有序列表

1. (列表項目)< ;/li>

無列表

• (列表項目)

定義清單

定義清單標題

定義清單項目

SEO:搜尋引擎最佳化  例如：百度一下等

作用：有一個爬蟲程式每天搜尋資訊保存下來

標籤的的優點：

頁面標籤語意化；

使用對SEO有利於標籤；h1;h2; h3;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）

(javaScrapt)

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

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

a的偽類別：

link 未訪問

hover 滑鼠懸停（滑鼠劃過）

active 連結啟動

visited 造訪後

寫法寫在style裡面的

a：link{}

a:hover{}

# 偽類順序link visited hover active

# 應用：搜尋引擎小說等

div偽類：hover 大多數標籤都支援hover###### IE6不支援a意外其他任何標籤的偽類###### IE6以上支持###

以上是HTML標籤、選擇符、超連結以及SEO詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！