- 網頁設計與制作教程:Web前端開發(第6版)
- 劉瑞新主編
- 432字
- 2021-12-17 16:15:11
3.5 范圍元素span
span元素用來組合文檔中的行內元素。span元素沒有固定的格式表現,當對它應用樣式時,它才會產生視覺上的變化。span元素用于標識行內的某個范圍,以實現行內某個部分的特殊設置以區別于其他內容。其格式為:
﹤span﹥內容﹤/span﹥
例如,﹤p﹥﹤span﹥文本內容﹤/span﹥其他內容﹤/p﹥。
如果不對span元素應用樣式,那么span元素中的文本與其他文本不會有任何視覺上的差異。盡管如此,上例中的span元素仍然為p元素增加了額外的結構。
可以為span元素應用id或class屬性,這樣既可以增加適當的語義,又便于對span元素應用樣式。
span元素與div元素的區別在于,span元素僅僅是個行內元素,不會換行,而div元素是一個塊級元素,它包圍的元素會自動換行。塊級元素相當于在行內元素前后各加了一個﹤br/﹥標簽。用容器這一詞更容易理解它們的區別,塊級元素div相當于一個大容器,而行內元素span相當一個小容器,大容器當然可以盛放小容器。
另外,span元素本身沒有任何屬性,沒有結構上的意義,當其他元素都不合適的時候可以使用,同時div元素可以包含span元素,反之則不行。