HTML-атрибут bgcolor устарел: что использовать вместо этого?

VStudio ASP.NET предоставляет следующее сообщение:

Attribute 'bgcolor' is considered outdated. A newer construct is recommended.

Какова рекомендуемая конструкция?

bgcolor находится внутри элемента <td>.
Другое связанное сообщение:

Attribute 'bordercolor' is not a valid attribute of element 'table'.

Кто-нибудь знает, где я могу найти новые замены?

Ответы

Ответ 1

BGColor устарел в спецификации W3C HTML 4.0.

Более новые веб-сайты и веб-приложения используют CSS (каскадные таблицы стилей), чтобы сделать одно и то же:

   body {
  background-color : #ffffff;
}

Для таблиц выполните следующие действия:

<table>

<tr id="row1">
   <th>Header 1</th>      <td>Cell 1</td>        <td>Cell 2</td>
</tr>
<tr id="row2">
   <th>Header 2</th>      <td>Cell 3</td>        <td>Cell 4</td>
</tr>
<tr id="row3">
   <th>Header 3</th>      <td>Cell 5</td>        <td>Cell 6</td>
</tr>
</table>

И в вашем CSS:

th { text-align: center; font-weight: bold; vertical-align: baseline }

td { vertical-align: middle  }

table  { border-collapse: collapse; background-color: #ffffff }
tr#row1 { border-top: 3px solid blue }
tr#row2 { border-top: 1px solid black }
tr#row3 { border-top: 1px solid black }

Это сделает так, чтобы таблица имела цвет фона и делала разные вещи с остальными строками таблицы/таблицы таблицы.

Проще говоря, в вашей таблице стилей и ссылайтесь на нее на своей веб-странице так:

<link rel="stylesheet" href="style.css" TYPE="text/css" media="screen">

В CSS вы можете добавить все, что вам нравится, более подробную информацию о CSS здесь и .

Ответ 2

Лучше всего предположить, что CSS background-color и border-color:

<table style="border-color: #ffffff;">

<td style="background-color: #000000;">

Ответ 3

Новая замена - это каскадные таблицы стилей (CSS). Любые атрибуты или элементы, которые управляют визуальным внешним видом HTML-документа, устарели. Визуальные стили должны быть указаны с помощью CSS.

Ответ 4

Рекомендуемый способ делать такие вещи, как использование CSS. Вы можете настроить классы CSS для своей таблицы. Что-то вроде этого:

CSS

.MyTable {
    border: solid 2px #000;
}

.MySpecialCell {
    background-color: #F00;
}

HTML:

<table class="MyTable">
    <tr>
        <td class="MySpecialCell">...</td>
    </tr>
</table>

Ответ 5

Также стоит отметить, что, хотя это не так элегантно, как отдельный раздел стилей, теперь можно сделать это так, используя встроенные стили, если вам это более удобно:

<body style="background-color: #ccc;">