Blockquotes,引用,html里面,經常用到的一個!

blockquote元素的使用已經非常多樣化,但語義上它只適用于一件事–標記了一段你的網頁被引用從另一來源。這意味著,如果你想讓那些花俏的引文,<blockquote>是不是你應該使用元素。讓我們看一看如何你應該使用此元素:

<article>
<header><h1>All About Flour</h1><p class=”byline”>by Jane Doe</p> 
</header>
<section><h2>The Two Types of Wheat</h2><p>There … to rise.</p><p>Where … with less protein.</p>
</section>
<blockquote>Wholemeal flour, the whole grain milled as finely as possible with all of the outer bran and inner germ intact, is one of the best white flour improvers I know of. <br />Dan Lepard, <a href=”http://www.danlepard.com”>danlepard.com</a>
</blockquote>
<section>… </section>
</article>

正如你所看到的,這句話是從另一個源,如果你嘗試的例子,你會發現其實是縮進引用。

你學到了什么

此元素是來自其他來源的引用

pullqoutes因此不應標明了此元素,使用在元素代替

此元素是一個塊級元素

?

?

?

?

?

?

轉載于:https://www.cnblogs.com/wuxiaojuns/p/luoeid.html

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/377866.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/377866.shtml
英文地址,請注明出處:http://en.pswp.cn/news/377866.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

仔細分析了下這7行,貌似時間復雜度,空間復雜度都不大,為嘛就是執行效率這么低?...

for(Girl girl Girls.first(); !myGirlFriend.like(me); girl Girls.next()){if(!girl.hasBoyFriend(now) && i.like(girl)) { GirlFriend myGirlFriend (GirlFriend)girl; }} 轉載于:https://www.cnblogs.com/naran/archive/2011/12/28/2305467.html…

BHMS的完整形式是什么?

BHMS&#xff1a;順勢療法醫學和外科學士 (BHMS: Bachelor of Homeopathic Medicine and Surgery) BHMS is an abbreviation of Bachelor of Homeopathic Medicine and Surgery. It is a medical degree program for under graduation in Homeopathy; an alternative move towa…

c++編程思想2 --友元存儲控制

友元friend在c中的應用 我們知道在c的類訪問權限中,private和 protected在類外面進行訪問的時候 會因為權限而不能訪問 &#xff0c;友元就解決了這個問題 。 可以這樣理解&#xff0c;他為外部的 函數 或者類 進行了 訪問授權,其實這已經超出OOP的范疇,但是對于C而言是以實用…

WordPress Event Easy Calendar插件多個跨站請求偽造漏洞

漏洞名稱&#xff1a;WordPress Event Easy Calendar插件多個跨站請求偽造漏洞CNNVD編號&#xff1a;CNNVD-201309-083發布時間&#xff1a;2013-09-11更新時間&#xff1a;2013-09-11危害等級&#xff1a; 漏洞類型&#xff1a;跨站請求偽造威脅類型&#xff1a;遠程CVE編號&…

XML轉txt格式腳本

一、東北大學老師收集的鋼材缺陷數據集是XML格式的&#xff0c;但是YOLOv5只允許使用txt文件標簽 例如其中一種缺陷圖片所對應的標簽&#xff1a;crazing_1.xml <annotation><folder>cr</folder><filename>crazing_1.jpg</filename><source&…

python程序生成exe_使用Python程序生成QR代碼的Python程序

python程序生成exeQR code is a short form of the quick response code. It is a type of matrix barcode that contains some information like some specific link, important message, email-id, etc. In Python, the qrcode module is used to generate the QR code of so…

leetcode 242. 有效的字母異位詞 思考分析

題目 給定兩個字符串 s 和 t &#xff0c;編寫一個函數來判斷 t 是否是 s 的字母異位詞。 我們先考慮低階版本&#xff0c;認為字符只有26種可能&#xff0c;然后將a ~ z的字符映射到數組的索引0 ~ 25&#xff0c;數組中存放的則是該索引出現的頻次。 記錄下s的頻次和t的頻次…

總結一下ERP .NET程序員必須掌握的.NET技術,掌握了這些技術工作起來才得心應手...

從畢業做.NET到現在&#xff0c;有好幾年了&#xff0c;自認為只能是達到熟練的水平&#xff0c;談不上精通。所以&#xff0c;總結一下&#xff0c;自己到底熟練掌握了哪些.NET方面的開發技術&#xff0c;以此對照&#xff0c;看看還有哪些不足&#xff0c;歡迎補充。 1 .NET …

js \n直接顯示字符串_顯示N個字符的最短時間

js \n直接顯示字符串Problem statement: 問題陳述&#xff1a; You need to display N similar characters on a screen. You are allowed to do three types of operation each time. 您需要在屏幕上顯示N個相似的字符。 每次允許您執行三種類型的操作。 You can insert a c…

示例 Demo 工程和 API 參考鏈接

Camera Explorer&#xff1a;有關 Windows Phone8 中有關增強 Camera API 的使用。文章鏈接 Filter Effects&#xff1a;對拍攝的照片或者圖片庫中的照片應用 Nokia Imaging SDK 中的濾鏡。文章鏈接 Filter Explorer&#xff1a;演示了對新拍攝圖片或者現有圖片的編輯功能&…

三、標簽準備

所有操作均在anaconda中的自己配置的環境下進行 一、安裝labelimg 因為YOLO模型所需要的樣本標簽必須是txt類型&#xff0c;本人使用labelimg軟件進行對圖像進行打標簽操作。 pip install pycocotools-windows pip install pyqt5 pip install labelimg 通過labelimg命令打…

ubuntu 8.04安裝應用軟件Can't find X includes錯誤解決辦法

系統很小。應用軟件都的自己裝。 首先把 APT’s database is not updated. # apt-get update    # apt-get upgrade 再裝其它軟件。 make xconfigure 無法運行時&#xff1a; apt-get install qt3-dev-tools 編譯QVFB  是出現&#xff1a; 出現&#xff1a;C preproces…

leetcode 39. 組合總和 思考分析

目錄1、題目2、思考分析3、未經優化代碼4、剪枝優化1、題目 給定一個無重復元素的數組 candidates 和一個目標數 target &#xff0c;找出 candidates 中所有可以使數字和為 target 的組合。 candidates 中的數字可以無限制重復被選取。 2、思考分析 解空間樹寬度部分即數…

java uuid靜態方法_Java UUID equals()方法與示例

java uuid靜態方法UUID類equals()方法 (UUID Class equals() method) equals() method is available in java.util package. equals()方法在java.util包中可用。 equals() method is used to check whether this object equals to the given object or not. equals()方法用于檢…

一、機器學習概念

一、何為機器學習(Mechine Learning)&#xff1f; 答&#xff1a;利用已有數據(經驗)&#xff0c;來訓練某種模型&#xff0c;利用此模型來預測未來。機器學習是人工智能的核心Mechine Learning。 例如&#xff1a;你和狗蛋兒7點在老槐樹下集合&#xff0c;如何一塊約去開黑&a…

Java線程新特征——Java并發庫

一、線程池 Sun在Java5中&#xff0c;對Java線程的類庫做了大量的擴展&#xff0c;其中線程池就是Java5的新特征之一&#xff0c;除了線程池之外&#xff0c;還有很多多線程相關的內容&#xff0c;為多線程的編程帶來了極大便利。為了編寫高效穩定可靠的多線程程序&#xff0c;…

第一篇博文

剛剛申請博客&#xff0c;開通了&#xff0c;很高興。但是由于這幾天考試比較多&#xff0c;等考完之后&#xff0c;再開始正式寫博客&#xff0c;與諸君共進步&#xff01; 2012/1/1 18:20 轉載于:https://www.cnblogs.com/zhenglichina/archive/2012/01/01/2309561.html

leetcode 40. 組合總和 II 思考分析

題目 給定一個數組 candidates 和一個目標數 target &#xff0c;找出 candidates 中所有可以使數字和為 target 的組合。 candidates 中的每個數字在每個組合中只能使用一次。 思考以及代碼 如果我們直接套用39題的思路&#xff0c;那么就會出現重復的組合。 重復組合的…

java vector_Java Vector size()方法與示例

java vector矢量類size()方法 (Vector Class size() method) size() method is available in java.util package. size()方法在java.util包中可用。 size() method is used to return the size (i.e. the number of the element exists) of this Vector. size()方法用于返回此V…

二、線性回歸

一、回歸 可以拿正態分布為例&#xff0c;比如身高&#xff0c;若平均身高為1.78m&#xff0c;絕大多數人都是1.78m左右&#xff0c;超過2m的很少&#xff0c;低于1m的也不多。 很多事情都會回歸到一定的區間之內&#xff0c;即回歸到平均值。 機器學習沒有完美解&#xff0c…