如何附加外部CSS文件以显示从MySQL数据库获取的数据?我可以使用CSS而不是使用表来显示数据。我希望完全避免使用diplaying所获取数据的表。
这是从MySQL数据库中获取数据的代码:
<?php
echo "Database Date: " .date("Y-m-d");
?>
此数据中包含的变量包括:指定的NCL编号,医院,年龄,性别,原发性癌症以及患者的诊断和最新管理日期。
<style type="text/css">
table.data { width:100%; margin: 0;
border: 1px solid black; border-spacing: 2px; }
.id {width: 7%; background-color: #c7c7c0; }
.date {width: 12%; background-color: #d8d8d1; }
.nclnumber { width: 10%; background-color: #c7c7c0; }
.hospital {width: 17%; background-color: #d8d8d1; }
.age { width: 3%; background-color: #c7c7c0; }
.sex { width: 2%; background-color: #d8d8d1; }
.cancer { width: 10%; background-color: #d8d8d1; }
.dateofdiagnosis { width: 7%; background-color: #d8d8d1; }
.notes { width: 32%; background-color: #d8d8d1; }
</style>
<table class="data" border="0" cellspacing="2">
<tr>
<td class="id"><b>Id</b></td>
<td class="date"><b>Date</b></td>
<td class="nclnumber"><b>NCL Number</b></td>
<td class="hospital"><b>Hospital</b></td>
<td class="age"><b>Age</b></td>
<td class="sex"><b>Sex</b></td>
<td class="cancer"><b>Diagnosed Cancer</b></td>
<td class="dateofdiagnosis"><b>Date of Diagnosis</b></td>
<td class="notes"><b>Notes</b></td>
</tr>
</table>
<?php
// Connects to your Database
mysql_connect("localhost", "root", "") or die(mysql_error());
mysql_select_db("cancer") or die(mysql_error());
$data = mysql_query("SELECT * FROM cancer WHERE Age ='1'OR Age = '2' OR Age = '3'OR Age = '4'OR Age = '5'OR Age = '6'OR Age = '7'OR Age = '8'OR Age = '9'")
or die(mysql_error());
while($info = mysql_fetch_array( $data )) {
echo "<table class='data' border='0' cellspacing='2'>
<tr>
<td class='id'>".$info['Id']."</td>
<td class='date'>".$info['Date']."</td>
<td class='nclnumber'>".$info['NCL_Number']."</td>
<td class='hospital'>".$info['Hospital']."</td>
<td class='age'>".$info['Age']."</td>
<td class='sex'>".$info['Sex']."</td>
<td class='cancer'>".$info['Diagnosed_Cancer']."</td>
<td class='dateofdiagnosis'>".$info['Date_of_Diagnosis']."</td>
<td class='notes'>".$info['Notes']."</td>
</tr>
</table>";
}
?>
答案 0 :(得分:6)
绝对没有理由不将<table>
元素用于表格数据。
某些人所拥有的反桌歇斯底里只是一种误解:滥用表格进行布局是不好的。但是,HTML标签没有任何问题。事实上,使用任何其他HTML元素来显示表格数据对于语义是不好的。
<table>
标记及其包含的<tr>
行和<td>
列通知浏览器,使其中的数据与列相关。不要将<table>
(或任何HTML标记)视为严格的可视显示元素。它们将数据的含义传达给解析它的机器。
答案 1 :(得分:1)
让我们理解一点混乱。在CSS
而不是tables
中显示不会,因为tables
及其相关标签是HTML元素,而CSS
是样式,您可以应用于这些元素。它们并不等同。
表的替代方法是使用divs
和spans
的组合创建复杂,复杂且复杂的布局。
然而,如果数据是表格式的话,绝对没有理由为了避免使用<table>
标签,你应该为这种笨拙的设计而烦恼。这就是<table>
标记在HTML规范中的原因。
为了布局目的而滥用<table>
标记给标记带来了错误的代表。如果使用得当(即显示表格数据),它可能非常有用。
最佳建议:使用<table>
标记并遵循社区维基的建议。