HTML基礎(chǔ)教學(xué)之<span>標(biāo)籤
這一小節(jié)解說(shuō)<span>標(biāo)籤,我們對(duì)<em>、<strong>、<span>這三個(gè)標(biāo)籤總結(jié):
#?< ;em>和<strong>標(biāo)籤是為了強(qiáng)調(diào)一段話中的關(guān)鍵字時(shí)使用,它們的語(yǔ)義是強(qiáng)調(diào)。
?<span>標(biāo)籤是沒(méi)有語(yǔ)意的,它的功能就是為了設(shè)定單獨(dú)的樣式用的。
如果現(xiàn)在我們想把上一段詩(shī)中的朝代和作者設(shè)定成red(red紅色),但注意不是為了強(qiáng)調(diào)這個(gè),而只是想為它設(shè)定和其它文字不同的樣式(不想讓螢?zāi)婚喿x器對(duì)朝代和加重音讀出),所以這樣情況下就可以用到<span>標(biāo)籤了。
如下面例子:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <style> span{ color:red; } </style> <body> <h1>水調(diào)歌頭·丙辰中秋</h1> <pre> <span>朝代:宋代 作者:蘇軾</span> <strong>丙辰中秋,歡飲達(dá)旦,大醉,作此篇,兼懷子由。</strong> 明月幾時(shí)有,把酒問(wèn)青天。不知天上宮闕,今夕是何年。我欲乘風(fēng)歸去,又恐瓊樓玉宇,高處不勝寒。起舞弄清影,何似在人間? <em>轉(zhuǎn)朱閣,低綺戶(hù),照無(wú)眠。不應(yīng)有恨,何事長(zhǎng)向別時(shí)圓?人有悲歡離合,月有陰晴圓缺,此事古難全。但愿人長(zhǎng)久,千里共嬋娟。</em> <pre> </body> </html>
註:本節(jié)用到了CSS的知識(shí),大家先作了解,等之後我們學(xué)習(xí)了CSS之後,就會(huì)理解了