資料結構
網路
關係型資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學HTML5中background屬性為何已棄用？
本文將討論background屬性以及它在HTML5中為何被棄用的原因。
什麼是Background屬性？
在HTML中，“background”可以用作HTML元素（例如div、table、body等）的屬性。我們可以指定一個影像來設定網頁的背景等。最常用的影像格式是PNG、JPEG和GIF。
語法
以下是帶有HTML元素的background屬性的語法：
<table background = "/images/html.gif"> </table>
此屬性在HTML5中已棄用，建議不要使用。相反，在HTML5中，首選使用CSS而不是HTML屬性來設定背景。
在HTML5中，“background”是一個簡寫CSS屬性，它能夠設定所有背景樣式屬性（例如顏色、影像、重複、位置、大小和剪裁）。
語法
以下是CSS background屬性的語法：
p {
background-color: red;
}
示例
在下面的示例中，我們將background屬性與HTML元素一起使用：
<!DOCTYPE html> <html> <head> <title>HTML Background Images</title> </head> <body background="https://media.tenor.com/kgNBW3GoSRoAAAAd/beach-waves.gif"></body> </html>
以上程式的輸出如下：
示例
在下面的示例中，我們將使用CSS（層疊樣式表）而不是HTML屬性來指定“background”屬性。
<!DOCTYPE html>
<html>
<head>
<title>How background attribute is deprecated in HTML5</title>
<style>
div {
border: solid 1px;
border-radius: 5px;
padding: 10px;
}
p {
font-size: larger;
text-align: center;
color: white;
}
.mydiv {
background-color: seagreen;
}
</style>
</head>
<body>
<div class="mydiv">
<p>Welcome to tutorialspoint</p>
</div>
</body>
</html>
讓我們編譯並執行上述程式，以產生以下結果：
示例
這裡，我們將使用CSS（層疊樣式表）而不是HTML屬性來指定“background-color”屬性。
<!DOCTYPE html>
<html>
<head>
<title>How background attribute is deprecated in HTML5</title>
<style>
p {
font-size: larger;
text-align: center;
color: white;
}
.mydiv {
background-color: seagreen;
}
body {
background-color: beige;
}
</style>
</head>
<body>
<div class="mydiv">
<p>Welcome to tutorialspoint</p>
</div>
</body>
</html>
當我們執行上面的查詢時，輸出結果如下：
更新於：2023年8月31日
瀏覽量：135
廣告