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