使用验证器

Question

我想让我的网站更适合搜索引擎。在丁，所以我正在尝试更正validator.w3.org中列出的所有警告和错误。

我想纠正的错误之一是： 表元素的width属性已过时。改用CSS。

的代码是：

<table width="1100" border="0" cellspacing="0" cellpadding="0" align="center"> 

是否有人可以提供这样一个使用CSS来编写一个例子吗？

Answer 1

快速和肮脏的：

<table style="width: 1100px; text-align: center; border: 0px; border-collapse: collapse;"> 

正确的办法是扔掉所有的CSS到一个单独的文件，并通过

<link rel="stylesheet" type="text/css" href="style.css"> 

与style.css中存在的内容链接吧：

table { 
    width: 1100px; 
    text-align: center; 
    border: 0px; 
    border-collapse: collapse; 
} 

多表更新：

<table id="table-one"> ... </table> 
<table id="table-two"> ... </table> 

在CSS文件

：

table { 
    text-align: center; 
    border: 0px; 
    border-collapse: collapse; 
} 

table#table-one { 
    width: 1100px; 
} 

table#table-two { 
    width: 980px; 
} 

但如果你建立自己的网站，为什么不看看学习CSS？ https://www.codecademy.com/learn/learn-html-css是一个很好的开始。