HTML span標籤:用來組合文件中的行內元素
在DIV+CSS切圖佈局重構技術中,除了常常使用div標籤外也常常使用span標籤佈局,通常也可以通過對span標籤物件設定不同樣式實現我們要的美化效果。這裡主機吧主要講的是span標籤的定義和用法。
span標籤定義和用法
<span> 標籤被用來組合文件中的行內元素。
瀏覽器支援
所有瀏覽器都支援 <span> 標籤。
例子:
<p><span>some text.</span>some other text.</p>
註釋:span 沒有固定的格式表現。當對它應用樣式時,它才會產生視覺上的變化。
如果不對 span 應用樣式,那麼 span 元素中的文字與其他文字不會任何視覺上的差異。儘管如此,上例中的 span 元素仍然為 p 元素增加了額外的結構。
當然也可以為 span 應用 id 或 class 屬性,這樣既可以增加適當的語義,又便於對 span 應用樣式。可以對同一個 <span> 元素應用 class 或 id 屬性,但是更常見的情況是隻應用其中一種。這兩者的主要差異是,class 用於元素組(類似的元素,或者可以理解為某一類元素),而 id 用於標識單獨的唯一的元素。
支援屬性:
<span> 標籤支援 HTML 中的全域性屬性。
<span> 標籤支援 HTML 中的事件屬性。
相關文章
- HTML <span>標籤HTML
- html之標籤內聯塊元素的那些事HTML
- HTML 標籤閉合HTML
- Python Xpath 提取html整個元素(標籤與內容)PythonHTML
- html中的基本織夢標籤用方HTML
- HTML中的標籤的使用HTML
- HTML中的script標籤研究HTML
- HTML標籤 閉合還是不閉合?HTML
- HTML標籤,閉合還是不閉合?HTML
- html中的其他的常用標籤HTML
- HTML標籤(基本標籤的使用)HTML
- HTML表單中的input標籤HTML
- 獲取html標籤包裹的文字內容HTML
- HTML_行內元素、塊級元素、空元素HTML
- html中常用的標籤-表格標籤HTML
- HTML中的標籤中li橫向排列HTML
- HTML中IMG標籤總結HTML
- HTML <a> 標籤HTML
- HTML 標籤HTML
- HTML 標籤HTML
- html標籤HTML
- HTML的行內元素與塊級元素的區別?HTML
- 說一說 HTML 中的 script 標籤HTML
- javascript刪除字串中的html標籤JavaScript字串HTML
- Android之去掉文字內容的HTML標籤AndroidHTML
- 設定元素在文件中的座標
- 從a標籤為什麼不能包含div標籤-瞭解HTML5元素分類與內容模型HTML模型
- html的基本標籤HTML
- HTML 的常用標籤HTML
- html <a>標籤的妙用HTML
- html的頭標籤HTML
- HTML 標籤的使用HTML
- html中常用的標籤-表單標籤HTML
- Python HTML和CSS 1:html文件結構和常用標籤PythonHTMLCSS
- IE8瀏覽器下,設定span標籤內容無效瀏覽器
- HTML網頁基本標籤的塊級、行級元素,特殊字元的巢狀規則HTML網頁字元巢狀
- 詳細瞭解HTML標籤內容模型HTML模型
- HTML5中audio標籤的使用HTML