span標籤

超文本標記語言的行內標籤

span標籤是超文本標記語言（HTML）的行內標籤，被用來組合文檔中的行內元素。span沒有固定的格式表現。當對它應用樣式時，它會產生視覺上的變化。

目錄

1基本資料 2實例分析 3全局屬性

4事件屬性 5類似標籤

基本資料

在行內定義一個區域，也就是一行內可以被劃分成好幾個區域，從而實現某種特定效果。本身沒有任何屬性。

與

在CSS定義中屬於一個行內元素，而

是塊級元素，我們可能通俗地理解為

為大容器，大容器當然可以放一個小容器了,就是小容器。

實例分析

例子：

1

2

3

4

5

6

7

8

9

10

11

12

function setspan(id)

{if( id==1){a.innerText="設置文字"};

if( id==2){a.innerHTML="設置代碼"};}

設置span的文字

設置span的代碼

上段代碼的運行結果示意圖

上段代碼的運行結果示意圖

（2）

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

　

　

　span.highlight

　{

　background-color:yellow

　}

　

　

　

　class="highlight">這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。這是文本。

　

　

　

全局屬性

標籤支持HTML 的全局屬性。

事件屬性

標籤支持HTML 的事件屬性。

類似標籤

DIV標籤與SPAN標籤之間有什麼區別？

解決思路：

DIV 和 SPAN 元素最大的特點是默認都沒有對元素內的對象進行任何格式化渲染。主要用於應用樣式表。兩者最明顯的區別在於DIV是塊元素，而SPAN是行內元素(也譯作內嵌元素)。

具體步驟：

1.所謂塊元素，是以另起一行開始渲染的元素，行內元素則不需另起一行，測試一下下面的代碼你會有更形象的理解：

測試緊跟前面的"測試"顯示

這裡會另起一行顯示

2.塊元素和行內元素也不是一成不變的，通過定義CSS的display屬性值可以互相轉化，如：

測試

緊跟前面的"測試"顯示

這裡會另起一行顯示

提示：如果不對DIV元素定義任何CSS屬性，其顯示效果相當於P元素。

目錄