<q>標簽，短文本引用
阿新 • • 發佈：2017-10-01
添加 標簽 歷史 技術分享 data har mark doc esc 想在你的html中加一段引用嗎？比如在你的網頁的文章裏想引用某個作家的一句詩，這樣會使你的文章更加出彩，那麽
想在你的html中加一段引用嗎？比如在你的網頁的文章裏想引用某個作家的一句詩，這樣會使你的文章更加出彩，那麽<q>標簽是你所需要的。
語法：
<q>引用文本</q>
如下面例子：
<p>最初知道莊子，是從一首詩<q>莊生曉夢迷蝴蝶。望帝春心托杜鵑。</q>開始的。雖然當時不知道是什麽意思，只是覺得詩句挺特別。後來才明白這個典故出自是莊子的《逍遙遊》，《逍遙遊》代表了莊子思想的最高境界，是對世俗社會的功名利祿及自己的舍棄。</p>
講解：
1. 在上面的例子中，“莊生曉夢迷蝴蝶。望帝春心托杜鵑。” 這是一句詩歌，出自晚唐詩人李商隱的《錦瑟》 。因為不是作者自己的文字，所以需要使用<q></q>
2. 註意要引用的文本不用加雙引號，瀏覽器會對q標簽自動添加雙引號。
下圖是代碼顯示結果：
註意這裏用<q>標簽的真正關鍵點不是它的默認樣式雙引號（如果這樣我們不如自己在鍵盤上輸入雙引號就行了），而是它的語義：引用別人的話。
任務
我來試試:用<q>標簽引用別人的語句
1. 在右部編輯器中的第8行對“聰明秀出為之英，膽略過人為之雄。”文本加上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>
<q>標簽，短文本引用