☰

无效标记因包含重复属性而被标记为无效

tag-icon • tag-icon dreamweaver
无效标记因包含重复属性而被标记为无效

我正在 Dreamweaver CS4 中编辑 HTML 文件，如果在 Firefox 中运行该网站，该网站看起来不错，但我收到此错误：“无效标记标记为无效，因为它包含重复的属性”

这是代码：突出显示的代码是在 Dreamweaver 中显示的代码。

<html lang="en">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Template 3 - Left Sidebar</title>
<style type="text/css" media="screen">
  body {
     margin: 20px 0 0 0;
    padding: 0;
    background-image: url('bg.jpg');
    background-repeat: repeat-y no-repeat;
    background-color: #8da2b2;
    background-position: top center;
  }

  p {
    font-family: Tahoma;
    font-size: 12px;
    color: #333333;
  }

  li {
    margin: 0;
    padding: 0;
  }

  td.permission {
     padding: 10px 0 10px 0;
  }

  td.permission p {
    font-family: Arial;
    font-size: 11px;
    color: #4c4c4c;
    margin: 0 0 4px 0;
    padding: 0;
    text-align: center;
  }

  td.permission p.second {
    margin-bottom: 8px;
  }

  td.permission a {
    color: #000000;
  }

  td.header {
    background-color: #b73224;
    height: 110px;
  }

  td.header h1 {
    font-family: Impact, 'Arial Black';
    font-size: 33px;
    color: #eaedc9;
    font-weight: normal;
    line-height: 28px;
    display: inline;
    margin: 0 0 0 20px;
    padding: 0;
  }

  td.sidebar a img {
    border: none;
  }

  .table {
    background-color: #a52c21;
  }

  td.miniTable {
    background-color: #a52c21;
    padding: 20px;
  }

  td.miniTable h2 {
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    text-transform: uppercase;
  }

  td.miniTable h3 {
     font-family: Tahoma;
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    margin: 0;
    padding: 0;
  }

  td.miniTable h3 a {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: normal;
    color: #ffffff;
    text-decoration: underline;
  }

  td.miniTable p {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: normal;
    color: #e7fccf;
    margin: 0 0 10px 0;
    padding: 0;
  }

  td.miniTable ul {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: normal;
    color: #e7fccf;
    margin: 0 0 0 24px;
    padding: 0;
  }

  td.miniTable ul li a {
    font-family: Tahoma;
    font-size: 14px;
    font-weight: normal;
    color: #e7fccf;
     text-decoration: none;
  }

  td.mainbar h2 {
    font-family: Arial;
    font-size: 18px;
    color: #000000;
    border-left: 10px solid #a02f27;
    padding-left: 8px;
  }

  td.mainbar h2 a {
    font-family: Arial;
    font-size: 18px;
    color: #000000;
    text-decoration: none;
  }

  td.mainbar a {
    color: #344692;
  }

  td.mainbar p {
    margin: 0 0 20px 0;
  }

  td.mainbar p.top {
    margin: 0 0 5px 0;
    padding: 0;
    width: 100%;
    text-align: right;
  }

  td.mainbar p.top a {
    font-size: 11px;
    margin: 0 4px 0 0;
  }

  td.mainbar img.inline {
    margin: 0 0 10px 0;
  }

  td.footer {
    height: 134px;
  }

  td.footer p {
    font-family: Arial;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    margin: 0 0 20px 0;
    text-align: center;
  }

  table.tab {
    background-image: url('footer-bg.gif');
    background-rep

答案1

属性“ALIGN”的重复规范

<td align="center" align="134" class="footer" valign="bottom">

更新：我使用了http://validator.w3.org/check

答案2

正如其他人所说，您突出显示的代码行：

<td align="center" align="134" class="footer" valign="bottom">

属性设置了align两次。第二次 ( 134) 不是 的有效值align。

除此之外，你实际上还遇到了许多其他问题：

  • 您使用了标签<forwardtoafriend>、、和——<unsubscribe>但它们都不属于任何 HTML 标准，因此浏览器无法理解。<subscribe><webversion>
  • 您没有开始<body>标签。
  • 您没有关闭您的<meta>或<img>标签。
  • 您的background-repeat: repeat-y no-repeat;样式规则body无效；它应该只有一个值（在本例中为background-repeat: repeat-y）。
  • 你开始于
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
     <tr>
         <td align="center">
    后面跟着另一个内部表。这样没问题，但是当您关闭内部表时，您<tr>需要结束前一个<td>和<tr>第一个时，您又需要另一个。在最后一行之后，您有一个与</td>任何前一个都不匹配的结束行<td>。
  • 最后，你缺少标签：
            </table>
    </主体>
</html>
  • 其他一些问题：
    • 你应该有一个doctype
    • <table>没有高度属性
    • 您的一些<img>标签缺少alt属性

你说你正在使用 Dreamweaver CS4，但我以前从未见过它产生这样的输出……

答案3

找出 html 代码错误的最简单方法是在此处验证http://validator.w3.org。

相关内容