html:(8):span标签和q标签
使用<span>標(biāo)簽為文字設(shè)置單獨樣式
這一小節(jié)講解<span>標(biāo)簽，我們對<em>、<strong>、<span>這三個標(biāo)簽進行一下總結(jié)：
1. <em>和<strong>標(biāo)簽是為了強調(diào)一段話中的關(guān)鍵字時使用，它們的語義是強調(diào)。
2. <span>標(biāo)簽是沒有語義的，它的作用就是為了設(shè)置單獨的樣式用的。
如果現(xiàn)在我們想把上一小節(jié)的第一段話“美國夢”三個字設(shè)置成blue（藍色），但注意不是為了強調(diào)“美國夢”，而只是想為它設(shè)置和其它文字不同的樣式（并不想讓屏幕閱讀器對“美國夢”這三個字加重音讀出），所以這樣情況下就可以用到<span>標(biāo)簽了。
如下面例子：
<p>1922年的春天，一個想要成名名叫<em>尼克?卡拉威</em>（托比?馬奎爾Tobey Maguire 飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士樂流行，走私為王，<strong>股票</strong>飛漲的時代。為了追尋他的<span>美國夢</span>，他搬入紐約附近一海灣居住。</p>語法：
<span>文本</span>
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>了不起的蓋茨比</title> <style> span{color:blue; } </style> </head> <body><p>1922年的春天，一個想要成名名叫尼克?卡拉威（托比?馬奎爾Tobey Maguire 飾）的作家，離開了美國中西部，來到了紐約。那是一個道德感漸失，爵士樂流行，走私為王，股票飛漲的時代。為了追尋他的<span>美國夢</span>，他搬入紐約附近一海灣居住。</p><p>菲茨杰拉德，二十世紀(jì)美國文學(xué)巨擘之一，兼具作家和編劇雙重身份。他以詩人的敏感和戲劇家的想象為"爵士樂時代"吟唱華麗挽歌，其詩人和夢想家的氣質(zhì)亦為那個奢靡年代的不二注解。</p> </body> </html>運行結(jié)果
<q>標(biāo)簽，短文本引用
??????想在你的html中加一段引用嗎？比如在你的網(wǎng)頁的文章里想引用某個作家的一句詩，這樣會使你的文章更加出彩，那么<q>標(biāo)簽是你所需要的。
語法：
<q>引用文本</q>
如下面例子：
<p>最初知道莊子，是從一首詩<q>莊生曉夢迷蝴蝶。望帝春心托杜鵑。</q>開始的。雖然當(dāng)時不知道是什么意思，只是覺得詩句挺特別。后來才明白這個典故出自是莊子的《逍遙游》，《逍遙游》代表了莊子思想的最高境界，是對世俗社會的功名利祿及自己的舍棄。</p>講解：
1. 在上面的例子中，“莊生曉夢迷蝴蝶。望帝春心托杜鵑。” 這是一句詩歌，出自晚唐詩人李商隱的《錦瑟》 。因為不是作者自己的文字，所以需要使用<q></q>實現(xiàn)引用。
2. 注意要引用的文本不用加雙引號，瀏覽器會對q標(biāo)簽自動添加雙引號。
下圖是代碼顯示結(jié)果：
注意這里用<q>標(biāo)簽的真正關(guān)鍵點不是它的默認樣式雙引號（如果這樣我們不如自己在鍵盤上輸入雙引號就行了），而是它的語義：引用別人的話。
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>q標(biāo)簽</title> </head> <body> <p>周瑜，不可否認，他是歷史上一個了不起的英雄人物！確實也配的上那句<q>聰明秀出為之英，膽略過人為之雄。</q></p> </body> </html>運行結(jié)果
?
總結(jié)
以上是生活随笔為你收集整理的html:(8):span标签和q标签的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： php+分割文本文件,python实现：
- 下一篇： STM32F103ZET6 蜂鸣器、按键