background属性在HTML5中被弃用了吗?
在本文中,我们将讨论background属性以及它在HTML5中如何被弃用。
什么是background属性?
在HTML中,”background”可以作为一个属性与HTML元素(如div、table、body等)一起使用。我们可以指定一个图像来设置网页的背景等。最常用的图像格式是PNG、JPEG和GIF。
语法
background属性与HTML元素的语法如下:
<table background = "/images/html.gif">
</table>
此属性在HTML5中 已弃用 ,建议我们不要使用它。相反,在HTML5中,优先使用CSS来设置背景,而不是使用HTML属性。
在HTML5中,背景是一个 缩写的CSS属性 ,可以设置所有的背景样式属性(比如颜色、图像、重复、位置、大小和剪辑)。
语法
下面是CSS背景属性的语法:
p {
background-color: red;
}
示例
在下面的示例中,我们使用了HTML元素的background属性 –
<!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>
当我们执行上面的查询时,输出如下所示: