HTML-атрибут bgcolor устарел: что использовать вместо? - PullRequest
Новая
       11

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

12 голосов
/ 12 декабря 2008

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'.

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

Ответы [ 5 ]

21 голосов
/ 12 декабря 2008

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 здесь и здесь .

4 голосов
/ 12 декабря 2008

Наилучшим предположением будут CSS 100 * *background-color и border-color: 

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

<td style="background-color: #000000;">
3 голосов
/ 12 декабря 2008

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

<body style="background-color: #ccc;">
2 голосов
/ 12 декабря 2008

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

CSS: 

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

.MySpecialCell {
    background-color: #F00;
}

HTML: 

<table class="MyTable">
    <tr>
        <td class="MySpecialCell">...</td>
    </tr>
</table>
2 голосов
/ 12 декабря 2008

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...