HTML基礎教程之<span>標簽
這一小節(jié)講解<span>標簽,我們對<em>、<strong>、<span>這三個標簽進行一下總結:
?<em>和<strong>標簽是為了強調一段話中的關鍵字時使用,它們的語義是強調。
?<span>標簽是沒有語義的,它的作用就是為了設置單獨的樣式用的。
如果現(xiàn)在我們想把上一段詩中的朝代和作者設置成red(red紅色),但注意不是為了強調這個,而只是想為它設置和其它文字不同的樣式(并不想讓屏幕閱讀器對朝代和加重音讀出),所以這樣情況下就可以用到<span>標簽了。
如下面例子:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> </head> <style> span{ color:red; } </style> <body> <h1>水調歌頭·丙辰中秋</h1> <pre> <span>朝代:宋代 作者:蘇軾</span> <strong>丙辰中秋,歡飲達旦,大醉,作此篇,兼懷子由。</strong> 明月幾時有,把酒問青天。不知天上宮闕,今夕是何年。我欲乘風歸去,又恐瓊樓玉宇,高處不勝寒。起舞弄清影,何似在人間? <em>轉朱閣,低綺戶,照無眠。不應有恨,何事長向別時圓?人有悲歡離合,月有陰晴圓缺,此事古難全。但愿人長久,千里共嬋娟。</em> <pre> </body> </html>
注:本節(jié)用到了CSS的知識,大家先作了解,等之后我們學習了CSS之后,就會理解了