2015-11-29 124 views
0
<!doctype html> 
<html> 
<title>some title</title> 
<link href="index.css" rel="stylesheet"> 
<style> 
// some styles... 
</style> 

<body> 
<style> 
// some styles... 
</style> 
... 

</body 
</html> 

使用w3c validation service我已經得到了錯誤:風格缺少必需的屬性

Element style is missing required attribute

缺少什麼?

+1

我不得到這個錯誤消息。我收到消息「元素樣式缺少必需的屬性作用域」,這是非常明顯的。 –

回答

2

問題是,<style>是內部body

<!doctype html> 
<html> 
<title>some title</title> 
<link href="index.css" rel="stylesheet"> 
<style> 
// some styles... 
</style> 
<body> 


</body> 
</html> 

或者你可以使用scoped屬性,它可以讓你放置<body>元素中<style>標籤,但跨瀏覽器的兼容性還是真的壞http://caniuse.com/#search=scoped

<!doctype html> 
<html> 
<title>some title</title> 
<link href="index.css" rel="stylesheet"> 
<style> 
// some styles... 
</style> 
<body> 
<style type="text/css" scoped> 
// some styles... 
</style> 
</body> 
</html> 
+0

通過從'body'中移除'style'來解決。非常感謝 – bonaca

-2

我相信你的標籤應該具有類型=「文/ CSS」屬性。

+0

這是HTML 4格式。這是一個HTML 5文檔。 – Quentin

+0

@Quentin你怎麼能說它的HTML 5文檔? – Vivek

+0

@VVK - 它不是HTML5文檔。沒有這樣的事情。這是一個的被驗證,HTML5標準的HTML文件,因爲這是對具有前導'文檔的默認<!DOCTYPE HTML!>' – Alohci

-2

檢查修復。

<link type="text/css" href="index.css" rel="stylesheet">

<style type="text/css">

</body> //體沒有關閉

+0

在HTML 5(本文檔是)中,type屬性是可選的。 body元素的結束標記在HTML中總是* optional *。 – Quentin

+2

你做了這些改變,你通過驗證器運行了更改後的版本,並且錯誤信息消失了? –