是三個內部樣式表，沒有腳本標記正確的方式爲我的網頁？

我有一個三個內部樣式表和一個外部樣式表在我的網頁。簡化的輸出是這樣的：是三個內部樣式表，沒有腳本標記正確的方式爲我的網頁？

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en-US"> 
<head> 
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> 
<title>Some title</title> 

<!--This is a NORMAL external stlesheet--> 

<link rel="stylesheet" type="text/css" media="all" href="http://localhost/wp-content/themes/My_Theme/css/style.css" /> 

<!--Will display SINGLE COLUMN instead TWO COLUMNS if no JS enabled--> 
<noscript> 
<style type="text/css"> 
.col1{ 

width:100%; 
margin:0px; 
display:block; 
position:relative;  
} 
</style> 
</noscript> 

<!--This is MY DYNAMIC stylesheet generated by SOME PHP--> 
<style type="text/css"> 

#blogwrapper{ 
width: 530px; 
margin-left:6px;  
} 
</style> 

<!--This is also DYNAMIC stylesheet BUT generated WORDPRESS PHP--> 
<style type="text/css" id="custom-background-css"> 
body.custom-background { background-color: #1e73be; } 
</style> 
</head> 
</body> 
</html>

我的頁面通過HTML和CSS驗證，但我仍然有疑慮是它實現我的CSS這樣一個正確的方式。

因此，我的問題是：我是否正確或不正確（因爲我正在開發一個Wordpress主題，並且我想讓它公開可用，所以不希望我的主題被Wordpress Review Team拒絕）？

來源

2013-05-18 Dejo Dekic

問他們也許？ ^^ – moonwave99

爲什麼你要寫內部風格三次，即使它是有效的？ – Nitesh

第三個內聯樣式是在我的Wordpress自身生成的，外部CSS是靜態CSS，例如，如果用戶被激活了側邊欄我想調整我的頁面內容（縮小它以適應邊欄生成的空間）只有這樣做的方法是通過PHP或JS ... –

在HTML/PHP頁面上編寫內聯樣式表總是不受歡迎，即使它可行。它存在以下缺點：

頁面代碼獲取冗長
樣式表僅適用於特定頁面變爲可用。
它的單調乏味爲將來目的改變設計師的樣式表。

因此，即使它工作，請刪除內聯樣式表並將它們移動到單獨的CSS文件。同樣適用於JavaScript文件。

謝謝。

來源

2013-05-18 19:05:00 Pupil

嗯，我不直接寫我的內聯樣式，他們是我的PHP（單獨的文件）導入... –

Downvoter，我要求你downvote的原因。我會在下一次照顧。 – Pupil

是三個內部樣式表，沒有腳本標記正確的方式爲我的網頁？

回答

相關問題