background属性在HTML5中被弃用了吗?




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>

当我们执行上面的查询时,输出如下所示: