是CSS的正文部分嗎？

我有一箇舊網站，其中約70％的網頁有CSS標籤內的CSS樣式表。是CSS的正文部分嗎？

<body> 
<style> 
h2 {color:red;} 
</style> 

<h2> Hello Ladies & Gentelmen</h2> 

</body>

正如您所見，CSS位於文檔正文內。

我測試了這些網頁與不同的網絡瀏覽器，包括（歌劇，鉻，IE等），他們工作正常，沒有與CSS的問題。

所以現在我的問題是： -

是身體對CSS正確的地方，或者我應該始終把CSS在我的網頁的頭部？

來源

2015-07-11 starkeen

將CSS作爲外部文件。它可以在多個頁面之間共享。一個文件更改可以「刷新」您的網站 –

如果不是在基於codecademy培訓的單獨文件中，我將CSS放在頭部分中，並發現它在單獨的文件中可以更好地使用CSS和JavaScript。此外，如果網站有CSS和JavaScript的單獨文件，那麼用戶只需下載一次，而不是每個網頁，並且可以使網站管理更加輕鬆，尤其是如果有專門的JavaScript和CSS專家。 – 2015-07-11 12:13:14

儘管大多數（如果不是全部的話）瀏覽器允許style元素作爲body的後裔，但它是無效的HTML。

的style元素是「元數據內容」：http://www.w3.org/TR/html5/document-metadata.html#the-style-element

的body元素應該只包含「流內容」：http://www.w3.org/TR/html5/sections.html#the-body-element

來源

2015-07-11 11:54:44

您應該始終在網站的<head>中放置任何css，無論是內聯還是外部。

網站正常運行的原因是因爲現代瀏覽器意識到有時候人們會將css放在身體中，並自動糾正錯誤。它是一個較老的瀏覽器，你可能不會那麼幸運。

來源

2015-07-11 11:33:14 Blake

此外，在HTML文檔中根本沒有很好的理由。它應該是它自己的單獨文件，並通過['link']（https://developer.mozilla.org/en/docs/Web/HTML/Element/link）標記引入。 –

我同意@DaveSalomon，只要可能，總是在外部樣式表中有你的css。它使代碼更簡潔，維護更簡單。 – Blake

...如果它是移動設備/平板電腦，則可以使用技巧。此外，如果用戶有一個cookie，他們有一個視覺障礙 –

-1

作爲我的觀點，我更喜歡把css放在<head>標籤和jquery的頁面底部。在不同的頁面中，外部CSS最適合重用類。

來源

2015-07-11 11:34:48

因此，有一個醜陋的網頁是最好的，讓用戶等待一兩秒鐘。除了爲什麼要求頁面被渲染兩次。 –

基本所需的CSS應該放在頭標籤...和一些額外的動畫CSS應該放在底部.. –

不是。它是ASCII，因此將至多2/3 IP數據包。爲什麼浪費連接建立的TCP/IP＃ –

一個<style>元素的內部<body>存在是無效的HTML，儘管有些瀏覽器是能夠糾正它，因爲這是一個常見的錯誤。它屬於<head>元素，因爲它是元數據。然而，我通常更喜歡使用鏈接的樣式表，因爲瀏覽器可以緩存它們以獲得更好的性能。

來源

2015-07-11 12:22:08

本來是可以的，但是如果你把風格放在身體中間，瀏覽器會在沒有風格的情況下呈現上半部分，醜陋的權利......然後必須重新繪製所有..所以，有兩件事很慢，眨眼間（緩慢或錯誤的感覺），因爲我們把樣式放在標題上。這是原因。然後，標準採用將標題的樣式放在標題中，就像做事情的方式一樣。所以，如果你把樣式放在正文中，那麼它是一個無效的html。

希望它有幫助。

還有一件事，你可以擁有文件css ...並且可以被瀏覽器緩存。你有樣式標籤和內聯樣式......優先級是內聯，然後標記文件。

來源

2015-07-11 12:30:17

是CSS的正文部分嗎？

回答

相關問題