HTML5 利用 CSS 取代網頁外觀的屬性
HTML5 利用 CSS 取代網頁外觀的屬性
在 HTML 4.01 中,<body> 元素還有 background、bgcolor 、text 、link 、alink 、vlink 等屬性,用來指網定網頁的背景圖片,背景色、文字顏色 和超連結在不同狀態的色彩 (例子 : 被選取、己瀏覽的色彩)。
例子如下 :
<! doctype html>
<html>
<head>
<meta charset ="utf-8">
<title> danielsir 的網頁 </title>
</head>
<body bicolour = "white" text = "black" link = "red" vlink = "green" alink = "blue">
歡迎來到<a href="http://www.danielsir.info">danielsir 的實驗室 </a>
</body>
</html>
但由於W3C希望網頁設計人員使用CSS定義的網頁外觀,以便與網頁的內容清楚分隔開來,所以HTML5不再列出涉及網頁外觀的屬性,以上網頁將改寫如下 :
但由於W3C希望網頁設計人員使用CSS定義的網頁外觀,以便與網頁的內容清楚分隔開來,所以HTML5不再列出涉及網頁外觀的屬性,以上網頁將改寫如下 :
例子如下 :
<! doctype html>
<html>
<head>
<meta charset ="utf-8">
<title> danielsir 的網頁 </title>
<style>
body {background : white ; color : black}
a:link (color : red)
a: visited (color : green)
a: active (color : blue)
</style>
<style>
body {background : white ; color : black}
a:link (color : red)
a: visited (color : green)
a: active (color : blue)
</style>
</head>
<body >
歡迎來到<a href="http://www.danielsir.info">danielsir 的實驗室 </a>
</body>
</html>
留言
張貼留言