在html中,span的用法是「內容」。 span標籤被用來組合文件中的行內元素,以便透過樣式來格式化它們。該標籤沒有固定的格式表現;當對它套用樣式時,它才會產生視覺上的變化。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
語法:
<span>内容</span>
span標籤使用說明
1)、在DIV CSS切圖佈局重構技術中,除了常使用div標籤外也常使用span標籤佈局
2)、span本身沒有什麼特別之處,通常然後佈局都可以使用此標籤佈局。
3)、他們也可以透過對span標籤物件設定不同樣式來實現我們要的美化效果。
4)、特性:通常一對未設定任何樣式的span,高寬是自適應內容,多容多少,此標籤就佔用多少距離空間。
span標籤使用案例
<span>内容内容内容</span><span>只属于我们的世界</span>
span在html中常用的佈局標籤,與div標籤區別在於,span隨內容而佔用高寬空間(緊貼內容),而一對div標籤卻佔用一行
如果不對span 應用樣式,那麼span 元素中的文字與其他文字不會任何視覺上的差異。儘管如此,上例中的 span 元素仍然為 p 元素增加了額外的結構。
可以為 span 應用 id 或 class 屬性,這樣既可以增加適當的語意,又便於對 span 套用樣式。
可以對同一個 45a2772a6b6107b401db3c9b82c049c2 元素套用 class 或 id 屬性,但更常見的情況就是只套用其中一個。這兩者的主要差異是,class 用於元素組(類似的元素,或可以理解為某一類元素),而 id 用於標識單獨的唯一的元素。
推薦學習:html影片教學
以上是html中span怎麼使用的詳細內容。更多資訊請關注PHP中文網其他相關文章!