與<div>
相比使用<blockquote>
元素有什麼好處嗎?我正在看一個網站的標記來學習CSS,我不知道爲什麼<blockquote>
被使用。blockquote vs div
編輯:是的對不起,我沒有澄清,它用來保存<div>
標籤用戶名作爲文本和輸入標籤。顯然沒有報價。
與<div>
相比使用<blockquote>
元素有什麼好處嗎?我正在看一個網站的標記來學習CSS,我不知道爲什麼<blockquote>
被使用。blockquote vs div
編輯:是的對不起,我沒有澄清,它用來保存<div>
標籤用戶名作爲文本和輸入標籤。顯然沒有報價。
理論上,HTML應該儘可能「語義化」 - 這意味着每個元素都應該指明其內容。 <h1>
s應該附上最重要的標題; <p>
s應包圍段落; <em>
應指示重點等。
這樣,代碼在您 - 或屏幕閱讀器或其他 - 看起來有意義。這也有助於那些不理解你所有(或任何)CSS規則的設備。
從語義上講,當您引用內容時,標籤是有意義的。當然,一個風格化的div可以做同樣的事情,但爲什麼不使用正確的標籤作爲工作?
此外,blockquote標籤允許您在cite
屬性中包含引用。
<blockquote>
當它包含的文本是塊引用時應該使用它。這聽起來很明顯,那麼你的問題還有另一個方面嗎?
如前所述,<blockquote>
僅供引用。同樣,您將在一個<div>
內使用幾個<p>
塊來保存頁面內容或其他內容。 HTML5提案將有更多的塊元素(即與div相同),目的是添加關於它的語義信息,如頁眉,頁腳,菜單等。
如前所述,blockquotes用於引號。就像表格(可以說)表格數據一樣,列表是用於列表,div是用於分區,p用於段落等。
當然,你幾乎可以用div來做所有事情。這就是在CSS中使用HTML的美妙之處:你可以使任何東西看起來像你想要的樣子(理論上,在真實世界中,瀏覽器怪癖有時候會發生)。
將div用於任何你能想到的東西通常被稱爲'divitis'。請參閱this article以獲得一些解釋:)
他們使用可能的原因是,很多人在涉足HTML不知道有足夠的瞭解CSS知道一個div
可以給出相同的左利潤率爲在默認情況下呈現。